I am attempting to make my maps more responsive using bootstrap-map and dojo-bootstrap. I typically use a popup for my infoWindow, defined as
var highlightMarkerSymbol = new SimpleMarkerSymbol(SimpleMarkerSymbol.STYLE_CIRCLE, 22, new SimpleLineSymbol(SimpleLineSymbol.STYLE_SOLID, new Color([255,255,0]), 2),new Color([255,255,0,0.4])); var popup = new Popup({ markerSymbol: highlightMarkerSymbol}, domConstruct.create("div")); map = new Map("mapDiv", { infoWindow: popup, basemap: "streets", center: [-92.593, 38.5], zoom: 7 });
Using bootstrap-map instead as
var popup = new Popup({ markerSymbol: highlightMarkerSymbol}, domConstruct.create("div")); var map = new BootstrapMap("mapDiv", { infoWindow: popup, basemap: "streets", center: [-92.593, 38.5], zoom: 7 }); });
I'm not getting an error creating a bootstrap map including a popup parameters, but I'm not seeing the typical 'Zoom to' link at the bottom of my infoWindow either. Is this just a styling issue? That was part of the functionality that I liked for using popups. I can see why you might want to have a scaled down infoWindow for a small device, but for a desktop size, it seems like you'd still want to have the full functionality I'm used to seeing.
Am I missing something? Where do I find documentation that gives more detail on the difference between map vs. bootstrap-map? I'm not see much on github.