Difference between revisions of "Web Element: Map"
| Line 8: | Line 8: | ||
<div id='map' style='width: 828px; height: 600px;'></div> | <div id='map' style='width: 828px; height: 600px;'></div> | ||
<script> | <script> | ||
| − | mapboxgl.accessToken = 'pk.eyJ1Ijoia2lsdGVyIiwiYSI6IkEyNkVMb3cifQ.S4BPGK9G2NnoopYXnqAK7g'; | + | mapboxgl.accessToken = 'pk.eyJ1Ijoia2lsdGVyIiwiYSI6IkEyNkVMb3cifQ.S4BPGK9G2NnoopYXnqAK7g'; |
var map = new mapboxgl.Map({ | var map = new mapboxgl.Map({ | ||
| − | container: 'map', | + | container: 'map', // container id |
| − | style: 'mapbox://styles/mapbox/streets-v11' | + | style: 'mapbox://styles/mapbox/streets-v11', |
center: [-74.5, 40], // starting position | center: [-74.5, 40], // starting position | ||
zoom: 9 // starting zoom | zoom: 9 // starting zoom | ||
}); | }); | ||
| − | + | ||
// Add zoom and rotation controls to the map. | // Add zoom and rotation controls to the map. | ||
map.addControl(new mapboxgl.NavigationControl()); | map.addControl(new mapboxgl.NavigationControl()); | ||
hkilter.com by H. K. Ilter is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License
© 2020 H. K. Ilter
