Difference between revisions of "Web Element: Map"
| (One intermediate revision by the same user not shown) | |||
| Line 31: | Line 31: | ||
<body> | <body> | ||
<!-- Create a container for the map --> | <!-- Create a container for the map --> | ||
| − | <div id='map'></div> | + | <div id='map' style='width: 828px; height: 600px;'></div> |
<!-- Create a sidebar with buttons for each option --> | <!-- Create a sidebar with buttons for each option --> | ||
| Line 74: | Line 74: | ||
container: 'map', // Specify the container ID | container: 'map', // Specify the container ID | ||
style: 'mapbox://styles/mapbox/streets-v11', // Specify which map style to use | style: 'mapbox://styles/mapbox/streets-v11', // Specify which map style to use | ||
| − | center: [ | + | center: [27.0369, 38.895], // Specify the starting position |
| − | zoom: | + | zoom: 13, // Specify the starting zoom |
}); | }); | ||
// Create variables to use in getIso() | // Create variables to use in getIso() | ||
var urlBase = 'https://api.mapbox.com/isochrone/v1/mapbox/'; | var urlBase = 'https://api.mapbox.com/isochrone/v1/mapbox/'; | ||
| − | var lon = | + | var lon = 27.034; |
var lat = 38.899; | var lat = 38.899; | ||
var profile = 'cycling'; | var profile = 'cycling'; | ||
hkilter.com by H. K. Ilter is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License
© 2020 H. K. Ilter
