D3
OG
Old school D3 from simpler times
All examples
By author
By category
About
wboykinm
Full window
Github gist
Mapbox Geocoding on Stamen tiles
<!DOCTYPE html> <html> <head> <meta charset=utf-8 /> <title>Geocoding with Autocomplete</title> <meta name='viewport' content='initial-scale=1,maximum-scale=1,user-scalable=no' /> <script src='https://api.tiles.mapbox.com/mapbox.js/v2.1.4/mapbox.js'></script> <link href='https://api.tiles.mapbox.com/mapbox.js/v2.1.4/mapbox.css' rel='stylesheet' /> <style> body { margin:0; padding:0; } #map { position:absolute; top:0; bottom:0; width:100%; } </style> </head> <body> <div id='map'></div> <script> L.mapbox.accessToken = 'pk.eyJ1IjoiZmFyYWRheTIiLCJhIjoiTUVHbDl5OCJ9.buFaqIdaIM3iXr1BOYKpsQ'; var map = L.mapbox.map('map') .addControl(L.mapbox.geocoderControl('mapbox.places', { autocomplete: true })); var stamentoner = L.tileLayer('https://tile.stamen.com/toner/{z}/{x}/{y}.png', { attribution: 'Map tiles by <a href="https://stamen.com">Stamen Design</a>, under <a href="https://creativecommons.org/licenses/by/3.0">CC BY 3.0</a>. Data by <a href="https://openstreetmap.org">OpenStreetMap</a>, under <a href="https://creativecommons.org/licenses/by-sa/3.0">CC BY SA</a>.' }).addTo(map); map.setView([40.8595, -75.3445], 7) </script> </body> </html>
https://api.tiles.mapbox.com/mapbox.js/v2.1.4/mapbox.js