Questions tagged [bootstrap-framework]
Twitter Bootstrap is a popular front-end framework for easier web development. It includes HTML and CSS based design templates for creating flexible and responsive web layouts as well as common interface components.
30
questions
0
votes
1
answer
605
views
Icon not displayed on OpenLayers when using Bootstrap Icons-Font
I'm trying to display Bootstrap Icons as icons on my OpenLayers map.
I downloaded the icons css and woff-files into my Django-App and they work fine when referenced from html files.
However, when I'm ...
1
vote
1
answer
2k
views
Custom bootstrap popover in OpenLayers 5
I try to set different custom for my bootstraps popovers : "popup" and "popup_ancien".
I can change CSS of my popovers together, by .popover-content or .popover-title, but how can I have two distinct ...
- 339
3
votes
1
answer
3k
views
Leaflet tiles are not loading for multiple Bootstrap tabs
I am making a web app for different areas using Leaflet library. I have different Bootstrap tabs, each tab opens a new map of a new area.
The problem I am facing is that the tiles on the first tab ...
- 339
0
votes
1
answer
166
views
Bootstrap 4 popover is not fixed on the map
I am using bootstrap 4 to show some popovers on the points of the map, but they are not fixed, when you scroll the map the popover changes position.
In bootstrap 3 it works fine though. I don't ...
- 267
0
votes
2
answers
665
views
Map contents don't print when using CSS media print queries in a Bootstrap modal
My goal is to show an ArcGIS Server JavaScript v4 map in a Bootstrap modal popup (displayed over a page containing other content), and to print only the contents of the Bootstrap modal popup.
I'm ...
- 20.9k
1
vote
2
answers
4k
views
leaflet popup styling as a table
I am using leaflet 1.0.3 with bootstrap 4 and I need to set a better styling for the popups, I'm thinking in probably a bootstrap modal or in a sidebar in which every time someone clicks the geoJSON ...
0
votes
1
answer
160
views
ArcGIS API Dojo problem to activate a button for a function
I'm trying to connect (re-connect) a function to a panel button the dom by id is ok, if I use a function like :
on(selectPoly, "click", function(){
html.set(dom.byId("drawToolTips"),"Autre message ...
- 71
4
votes
1
answer
21k
views
Problem with map tiles loading with Leaflet and Bootstrap
I want to create website with Leaflet map placed in bootstap tab. If I switch into tab where is Leaflet instantion tiles are not loading correct(I see the grey background). I guess there is a problem ...
- 351
0
votes
3
answers
3k
views
Using Bootstrap Glyphicons as markers for vector layer in Openlayers3
I want to use the bootstrap glyphicon set as markers for a kml layer in an application using openlayers 3. I have tried the following:
var shopStyle = new ol.style.Style({
image: new ol.style....
2
votes
0
answers
194
views
How to instantiate a new map with proj4leaflet projections from a Bootstrap dropdown menu
I'm currently working on a Leaflet website that will be able to display GPS-Tracks with different projections. Now I'm trying to implement a dropdown menu based on Bootstrap, where I can set different ...
- 423
2
votes
1
answer
702
views
Update Bootstrap Switch with Leaflet Layer Group
I have this JSFiddle that shows two example layers that can be toggled on and off using the Bootstrap Switch to add and remove them from the map; this works fine.
The problem I am having is updating ...
- 731
2
votes
1
answer
817
views
Mutually Exclusive Bootstrap Checkbox Switches as Layer Control
I have this JSFiddle with two checkboxes using Bootstrap Switch that changes the layer visibility in Leaflet.
I would like them to be mutually exclusive, i.e neither of them can be on or off at the ...
- 731
0
votes
1
answer
679
views
Change Bootstrap Switch Depending on Leaflet Layer Zoom
I have this JSFiddle that as you can see has two tile layers. I have set the minZoom of the 'Example Layer' to 5 so that it only loads once you have zoomed in that far.
The issue is, using Bootstrap ...
- 731
7
votes
1
answer
6k
views
Leaflet map loads incorrectly when inside a Bootstrap .collapse element
I'm trying to create a Leaflet map which is hidden when the page loads, and revealed when the user clicks a button.
I'm trying to use the Bootstrap collapse functionality to reveal the map on a ...
- 20.9k
1
vote
0
answers
761
views
Using DOM to make custom Leaflet control error
I'm using DOM to create a custom Leaflet control that opens a bootstrap modal with a form. There are two DOM created buttons on the left the of the map. Each button should be linked to their own modal ...
- 145
2
votes
1
answer
4k
views
Leaflet Opacity Control Using Slider For Bootstrap
I am attempting to use the Slider For Bootstrap to update the opacity of a layer within Leaflet.
The slider also needs to be in a Bootstrap Popup but this part is working.
As per this JSFiddle you ...
- 731
0
votes
1
answer
1k
views
Using Navbar Dropdown Button Checkbox in Mapbox?
I am creating a map application in the Bootstrap framework. I have a drop-down with 3 buttons to toggle layers on and off. I am using a glyphicon as the checkbox with text to the side. If you click ...
0
votes
1
answer
2k
views
Bootstrap and Mapbox: Nav Bar layer selection
I am building an interactive mapping solution for my employer and have run into a bit of a hangup. I am working with bootstrap for the first time and cannot figure out how to link the dropdown list ...
0
votes
2
answers
5k
views
Bootstrap navbar and leaflet zoom controls
I'm using the THE MAP GUY(DE) Bootstrap template and applying it to leaflet using the code below. The issue I'm having is that the zoom-control doesn't toggle right on page load. It will only after ...
- 567
1
vote
1
answer
6k
views
Openlayers 3 markers and popovers
I'm trying to modify the icon example from to display multiple icons, each with its own set of attributes that display when the icon is clicked. The issue I'm having is that if icon1 is clicked, and ...
- 151
2
votes
2
answers
785
views
How to prevent ArcGIS JS map from failing when using a Bootstrap "hidden" class?
I'm trying to put an ArcGIS Server JS API map within a div with a hidden-sm class in Bootstrap 3, so that the map is not shown on small devices.
<div class="row">
<div class="col-md-4 ...
- 20.9k
6
votes
2
answers
8k
views
openlayers bootstrap3 examples?
I was wondering if there is any good example of openlayers used in the HTML page with bootstrap3?
I searched around, and can only find bootstrap 2 examples, like this one: http://dev.openlayers.org/...
- 10.9k
2
votes
3
answers
7k
views
Bootstrap and Leaflet - Grid Issue
Trying to use integrate a simple leaflet map within Bootstrap grid / column. While I am trying to follow tutorials and templates, for some reason the <div> id="map"</div>does not seem to ...
- 73
0
votes
1
answer
784
views
Bootstrap3 Resize map height for phone
I have a leaflet map in a bootstrap 3 html application. I have content both above and below the the map which has a height of 600px. When I access the application from a phone, the width of the map ...
- 65
2
votes
0
answers
87
views
Libraries and/or ideas for navigating WMS time-parameter
I'm currently working on a project where we need to incorporate the TIME-dimension of WMS-layers (see http://docs.geoserver.org/latest/en/user/services/wms/time.html#wms-time) in our web map.
The ...
- 4,287
1
vote
0
answers
1k
views
Responsive design OpenLayers - Bootstrap or Foundation
I'm looking to use ZURB Foundation or Twitter Bootstrap with my map app, but before I pick a platform I was trying to find out if people had done this already. It seems lots of people have had issues ...
- 123
1
vote
1
answer
6k
views
How do I insert a geometry as WKT to SQL Server Spatial with PHP?
I have a web mapping application built on Bootleaf (Leaflet + Bootstrap). Using the leaflet Draw plugin the user can create a polygon on the map. I'd like to insert that polygon into a geometry ...
- 3,958
1
vote
4
answers
4k
views
OpenLayers dynamic map width inside Bootstrap tabs
I have the following layout, produced with Django and Bootsrap frameworks: some tabs with inside each one of them other 3 sub-tabs.
In every first sub-tab I have an OpenLayers-2.13 map.
This is what I'...
- 569
12
votes
6
answers
40k
views
Sizing Leaflet Map inside bootstrap
I have been trying to change the height of my leaflet map to a percentage inside of bootstrap but everytime I do the map will not draw. Thus, I always have to revert to px value. I'm pretty sure its a ...
- 143
7
votes
3
answers
4k
views
Application Templates for ArcGIS Server?
Esri provide a lot of excellent template applications for us in conjunction with web maps.
These templates are specifically designed for using with your resources on ArcGIS Online as opposed to ...
- 9,850