[Pro] Strange Behavior: Leaflet Action for Open Street Map

Freeway
14

OK - here we go

1 - In Page Html Markup in the Before section add

<style type="text/css">
div#map2.leaflet-container.leaflet-fade-anim {font-size: inherit !important}
</style>
<link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.7.2/leaflet.css">

2 - In Page Html Markup in the After section add

3 - In Page>Html Markup in the Before end add

<script type="text/javascript">
	var osm_map2 = L.map("map2").setView([37.312567,-107.8550055], 15);
	L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png', {attribution: '&copy; <a href="http://osm.org/copyright">OpenStreetMap</a> contributors'}).addTo(osm_map2);
	L.marker([37.312567,-107.8550055]).addTo(osm_map2).bindPopup("Flowersong Herbals & Massage <br> 3750 Main Ave, Unit 1 <br> Durango Colorado 81301").openPopup();
</script>

Draw an empty html item on your page and make sure it has the name/ID of map2 (or change the references in the code you added) - size to suit your layout but make sure that Overflow is set to Hidden. You could probably just remove the leaflet action from the existing item.

Try it - making sure that you dont use the Leaflet action on that page.

D

freewaytalk mailing list
email@hidden
Update your subscriptions at: