Esri / bootstrap-map-js

A light-weight JS/CSS extension for building awesome mapping apps with Bootstrap and ArcGIS.
http://esri.github.io/bootstrap-map-js/demo/index.html
Apache License 2.0
366 stars 392 forks source link

sliderPosition option when creating a new map #130

Closed mccarlson closed 10 years ago

mccarlson commented 10 years ago

I've been trying to move the "+" and "-" options on the map to another location on the page, based on some requirements I have. When I try and use the sliderPosition option defined in the ArcGIS API, the zoom buttons stretch across the map incorrectly, and the buttons stay in the position at the top left.

To simplify, I went into the demo code I can download, and I added the options I wanted. For example, in the fullmap-template/index.html, I over-wrote the new map constructor:

var map = BootstrapMap.create("mapDiv", {
              basemap: "national-geographic",
              center: [-122.45, 37.77],
              zoom: 12,
              scrollWheelZoom: false,
              sliderPosition: "bottom-left"
});

When I render the page on my local server, it looks like this:

screen shot 2014-10-17 at 12 29 32 pm

I've been trying to figure out if there is a limitation to this, but I can't seem to find a lot of documentation on the extra options. For reference, here is the ArcGIS API:

https://developers.arcgis.com/javascript/jsapi/map.html

alaframboise commented 10 years ago

Ya, easy to fix in your page css but I fixed this in the core css module. https://github.com/Esri/bootstrap-map-js/pull/131. Should be good to go now.

mccarlson commented 10 years ago

Awesome, thanks for including this!