[Mapbox GL]展示一张地图
2016-12-19 16:55
176 查看
展示一张地图
使用Mapbox GL JS在一个HTML元素中初始化一张地图。<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8' />
<title></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.28.0/mapbox-gl.js'></script>
<link href='https://api.tiles.mapbox.com/mapbox-gl-js/v0.28.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 = 'pk.eyJ1IjoibHh0aWFudGlhbiIsImEiOiJjaXd2ZjlkYnQwMTZvMnRtYWZnM2lpbHFvIn0.ef3rFZTr9psmLWahrqap2A';
var map = new mapboxgl.Map({
container: 'map', // container id
style: 'mapbox://styles/mapbox/streets-v9', //stylesheet location
center: [-74.50, 40], // starting position
zoom: 9 // starting zoom
});
</script>
</body>
</html>
原文:https://www.mapbox.com/mapbox-gl-js/examples/
相关文章推荐
- 一张地图告诉你,只JavaScript不够!
- 天津政府应急系统之GIS一张图(arcgis api for flex)讲解(四)地图导航控件模块
- WPF 数据可视化 大屏展示 实现地图仿echarts模拟迁移效果 Telerik图表 仪表盘
- 百度地图SDK for Android【Demo地图展示】
- 百度地图4.0多个经纬度展示在地图上
- 高德地图WEB版基础控件展示[原创]_CSS/HTML_脚本之家
- Online地图展示美国中期选举战况
- eCharts添加自定义geojson数据实现地图展示
- 【菜鸟】第一篇:基本地图展示
- 一张通往计算机世界的地图
- Android 百度地图 SDK v3.3.0 (二)--- 地图定位和图层展示
- 【“零起点”--百度地图手机SDK】如何创建一张地图
- 南沙政府应急系统之GIS一张图(arcgis api for flex)讲解(四)地图导航控件模块
- 如何制作一张RPG游戏地图
- echarts 地图 动态 展示 结合css+js
- 给A画的一张技术发展地图
- openlayers入门开发系列之地图展示篇
- 天津政府应急系统之GIS一张图(arcgis api for flex)讲解(五)地图切换以及图层显示模块
- 广州电子地图下载 来自谷歌电子地图库 地图展示15、17、19级
- [Mapbox GL]点击标志改变地图视图中心