Mapbox显示地图案例
Posted zhzhang
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了Mapbox显示地图案例相关的知识，希望对你有一定的参考价值。
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中国 官网
https://www.mapbox.cn/mapbox-gl-js/examples/
以上是关于Mapbox显示地图案例的主要内容，如果未能解决你的问题，请参考以下文章