Episode #125 of the Stack Overflow podcast is here. We talk Tilde Club and mechanical keyboards. Listen now

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.

Filter by
Sorted by
Tagged with
0
votes
2answers
40 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 ...
0
votes
0answers
166 views

How to draw bounding boxes in react?

Json Structure for images including bounding boxes flaskApi. Input: https://www.yourdictionary.com/images/definitions/lg/10531.people.jpg Output: { "Classifier_id": "Emotion", "Faces": [ { ...
1
vote
2answers
2k 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
1answer
96 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 ...
2
votes
1answer
8k 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 ...
0
votes
2answers
2k 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
0answers
152 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 ...
2
votes
1answer
562 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 ...
2
votes
1answer
637 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 ...
0
votes
1answer
558 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 ...
2
votes
1answer
3k 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 ...
1
vote
0answers
554 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 ...
2
votes
1answer
3k 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 ...
0
votes
1answer
777 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
1answer
1k 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
2answers
3k 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 ...
1
vote
1answer
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 ...
2
votes
2answers
637 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 ...
6
votes
2answers
7k 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/...
2
votes
3answers
5k 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 ...
0
votes
1answer
624 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 ...
2
votes
0answers
79 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 ...
1
vote
0answers
891 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 ...
1
vote
1answer
5k 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 ...
1
vote
4answers
3k 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'...
10
votes
5answers
24k 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 ...
7
votes
3answers
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 ...