<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body style=" margin: 0;background: #fff;width: 100%;height:100%;position: absolute;top: 0;">
<div id="map" style="margin:0 auto;width: 100%; height: 100%; z-index: 0; position: absolute"></div>
<script src="dist/include-leaflet.js"></script>
<script src="js/include-web.js"></script>
<script>
''' 地圖服務(wù) '''
var data_maps = L.supermap.tiledMapLayer(
"http://localhost:8090/iserver/services/map-xx/rest/maps/map", {
noWrap: true,
transparent: true
});
''' 需要自己申請?zhí)斓貓DTOKEN并替換xxx'''
var tiandi_layer = L.supermap.tiandituTileLayer({
url: "http://t0.tianditu.gov.cn/img_c/wmts?tk=xxx",
layerType: "img"
});
''' 需要自己申請?zhí)斓貓DTOKEN并替換xxx'''
var tiandi_zj = L.supermap.tiandituTileLayer({
url: "http://t0.tianditu.gov.cn/cia_c/wmts?tk=xxx",
layerType: "cia"
});
var map = L.map('map', {
center: [x, y],
maxZoom: 17,
zoom: 15,
crs: L.CRS.EPSG4326,
layers: [tiandi_layer, tiandi_zj, data_maps]
});
var baseMaps = {
"天地圖": tiandi_layer
}
var overlayMaps = {
"天地圖圖注記": tiandi_zj,
"項(xiàng)目數(shù)據(jù)": data_maps
};
L.control.layers(baseMaps, overlayMaps).addTo(map);
</script>
</body>
</html>
Supermap Leaflet 地圖加載
最后編輯于 :
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。