topic Re: Open Street Map and Leaflet (L.tileLayer) ?? in Open Source Mapping Libraries Ques.

Open Street Map and Leaflet (L.tileLayer) ??

JamesFitzgerald — Mon, 28 Aug 2023 13:43:23 GMT

Hello,

Question: How do I link to Open Street Map (OSM)? Do I have to export the png file from Open Street? Do i have to reference it from OSM?

var startPoint = [34.227700, -84.250717];
var map = L.map('map', {attributionControl: false, editInOSMControl: true, editInOSMControlOptions: {position: 'topleft'}}).setView(startPoint, 17),
    tilelayer = L.tileLayer("http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png", {maxZoom: 20, legend: LEGEND, openLegendOnLoad: true, attribution:osmDataAttr}).addTo(map),
    hash = new L.Hash(map);
    legend = (new L.Control.TileLegend()).addTo(map);
    // legend = new L.TileLegend(map, tilelayer, L.DomUtil.get('leaflet-control-tilelegend-container'), LEGEND);
    // legend.open();
</script>

Re: Open Street Map and Leaflet (L.tileLayer) ??

JohnGravois — Wed, 05 Aug 2015 21:52:26 GMT

i don't understand your question. can you clarify please?

you can find a working example of a loading a hosted OSM basemap using L.tileLayer here:

http://esri.github.io/esri-leaflet/examples/geocoding-control.html

Re: Open Street Map and Leaflet (L.tileLayer) ??

JamesFitzgerald — Thu, 06 Aug 2015 11:16:24 GMT

John,

Thanks for your reply! I had the correct syntax. The problem occurred in my browser. I refreshed, and it is working now. Thanks again for the help!