mapbox地图入门案例
<!DOCTYPE html> <html> <head> <meta charset='utf-8' /> <title>Mapbox显示地图案例</title> <meta name='viewport' content='initial-scale=1,maximum-scale=1,user-scalable=no' /> <script src='https://api.tiles.mapbox.com/mapbox-gl-js/v0.37.0/mapbox-gl.js'></script> <link href='https://api.tiles.mapbox.com/mapbox-gl-js/v0.37.0/mapbox-gl.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> mapboxgl.accessToken = '<your access token here>'; var map = new mapboxgl.Map({ container: 'map', // container id style: 'mapbox://styles/mapbox/streets-v9', //stylesheet location center: [116.28, 39.54], // starting position 北京的经纬度坐标 zoom: 3, // starting zoom }); </script> </body> </html>
先有案例，才好入门mapbox。
来自：mapbox中国 官网