<!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='../js/mapbox-gl.js'></script>
<link href='../css/mapbox-gl.css' rel='stylesheet' />
<script src="../js/jquery-2.2.3.min.js"></script>
<script src='../js/coordtransform.js'></script>
<script src='../js/mapbox_baidu_layer_new.js'></script>
<style>
body {
margin: 0;
padding: 0;
}
#map {
position: absolute;
top: 0;
bottom: 0;
width: 100%;
}
</style>
</head>
<body>
<div id='map'></div>
<script>
function IniMapBox() {
var baiduStyle = {
"name": "mapbox_baidu",
'version': 8,
'sources': {},
'layers': []
};
mapboxgl.accessToken = 'token';
map = new mapboxgl.Map({
container: 'map',
style: baiduStyle,
center: [107.51335144042969, 26.27496910095215],
zoom: 12
});
map.on('load', function () {
map.addLayer(new MapboxBaiduLayer_new());
});
}
IniMapBox();
</script>
</body>
</html>
MapBox 加载百度切片（自定义图层）
需积分: 50 166 浏览量
2019-03-05
17:48:40
上传
评论 4
收藏 220KB ZIP 举报
MapBox 加载百度切片（自定义图层）.zip （6个子文件） 
MapBox 加载百度切片（自定义图层） css 
mapbox-gl.css 31KB js coordtransform.js 5KB mapbox-gl.js 644KB jquery-2.2.3.min.js 84KB mapbox_baidu_layer_new.js 20KB html 
测试自定义百度图层加载.html 1KB资源评论
