1500字范文,内容丰富有趣,写作好帮手!
1500字范文 > leaflet cesium加载百度地图 加载自定义样式百度地图

leaflet cesium加载百度地图 加载自定义样式百度地图

时间:2018-12-30 13:23:50

相关推荐

leaflet cesium加载百度地图 加载自定义样式百度地图

1 leaflet、cesium加载百度地图(官方预设样式)

预留,待补充

2 leaflet、cesium加载百度自定义样式地图

样式编辑器新版地址:/customv2/index.html

新版的自定义样式无法在leaflet、cesium中使用,只能在百度地图JavaScript API环境下使用,官方教程/index.php?title=jspopularGL/guide/custom

样式编辑器旧版地址:/map/custom/

旧版的样式编辑器,使用起来没有新版方便。但是我们可以在leaflet、cesium中使用,还要啥自行车!使用方式如下:

1. 页面下方是图层样式编辑区,可以对各类图层进行样式的重新调整;

2. 样式调整完毕后,F12打开浏览器开发者工具(如图),查看地图瓦片的请求链接;

3. 复制瓦片请求连接中的styles对应的参数值(即蓝色部分);

Request URL:https://api./customimage/tile?&x=6170&y=&z=15&udt=1205&scale=1&ak=8d6c8b8f3749aed6b1aff3aad6f40e37&styles=t%3Aland%7Ce%3Ag%7Cc%3A%23212121%2Ct%3Abuilding%7Ce%3Ag%7Cc%3A%232b2b2b%2Ct%3Ahighway%7Ce%3Aall%7Cl%3A-42%7Cs%3A-91%2Ct%3Aarterial%7Ce%3Ag%7Cl%3A-77%7Cs%3A-94%2Ct%3Agreen%7Ce%3Ag%7Cc%3A%231b1b1b%2Ct%3Awater%7Ce%3Ag%7Cc%3A%23181818%2Ct%3Asubway%7Ce%3Ag.s%7Cc%3A%23181818%2Ct%3Arailway%7Ce%3Ag%7Cl%3A-52%2Ct%3Aall%7Ce%3Al.t.s%7Cc%3A%23313131%2Ct%3Aall%7Ce%3Al.t.f%7Cc%3A%238b8787%2Ct%3Amanmade%7Ce%3Ag%7Cc%3A%231b1b1b%2Ct%3Alocal%7Ce%3Ag%7Cl%3A-75%7Cs%3A-91%2Ct%3Asubway%7Ce%3Ag%7Cl%3A-65%2Ct%3Arailway%7Ce%3Aall%7Cl%3A-40%2Ct%3Aboundary%7Ce%3Ag%7Cc%3A%238b8787%7Cl%3A-29%7Cw%3A1

4. leaflet中加载方式(地图框架初始化时需要指定为百度坐标系);

let styles = "上一步复制的长字符串";let currentLayer = L.tileLayer.baidu({layer: 'custom',styles: styles});currentLayer.addTo(leafletMap);

5. cesium中加载方式(初始化BaiduImageryProvider之后);

let styles = "上一步复制的长字符串";let option = {"layer": "custom","styles": styles }viewer.scene.imageryLayers.addImageryProvider(new BaiduImageryProvider(option))

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。