学习leaflet笔记(二)可选择加载不同底图

学习leaflet笔记(二)可选择加载不同底图

分别显示ArcGIS Server 发布的动态地图和瓦片地图

加载动态地图

var map01 = L.esri.dynamicMapLayer({
		url:"http://192.168.31.201:6080/arcgis/rest/services/map/map01/MapServer",
		minZoom:4,
		maxZoom:17,
});

加载卫星瓦片地图

var map02 = L.esri.tiledMapLayer({
		url:"http://192.168.31.201:6080/arcgis/rest/services/map/map02/MapServer",
		minZoom:4,
		maxZoom:17,
});

显示

var Kmap = {
	"动态地图":map01,
	"瓦片地图":map02
};
var map = L.map("mapDiv",{
	layers:[map01,map02]
}).setView([30.65, 104.05], 10);

添加页面选择功能


L.control.layers(Kmap).addTo(map);
  • 2
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值