arcgis for js 3.x 图层加载（wmts切片，动态加载）
适合arcgis for js 3.x 版本
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>天地图底图加载（经纬度版本）</title>
<link rel="stylesheet" href="https://js.arcgis.com/3.40/esri/css/esri.css">
<script src="https://js.arcgis.com/3.40/"></script>
</head>
<body>
<div id="map-container" style="width: 600px;height: 600px;"></div>
<script type="text/javascript">
// ==========================================
// 测试版本：V3.11 - V3.x
// ==========================================
require(['esri/map',
"esri/layers/ArcGISDynamicMapServiceLayer",
"esri/layers/ArcGISTiledMapServiceLayer",
"esri/layers/ImageParameters",
'dojo/domReady!'
],
function(EsriMap,
ArcGISDynamicMapServiceLayer,
ArcGISTiledMapServiceLayer,
ImageParameters
) {
// 创建地图，不设置底图，如果设置底图会造成坐标系无法被转换成 ESPG:4326 (WGS1984)
var map = new EsriMap('map-container', {
center: [113, 23],
zoom: 10
})
var imageParameters = new ImageParameters();
imageParameters.layerIds = [0, 24]; //图层
imageParameters.layerOption = ImageParameters.LAYER_OPTION_SHOW;
imageParameters.transparent = true;
var layerDefs = [];
var name = "济宁市"
layerDefs[24] = "XZQMC ='" + name + "'";
//动态加载
var imagelyr = new ArcGISDynamicMapServiceLayer(
"http://www.sdmap.gov.cn/tileservice/SDPubMap/MapServer", {
"imageParameters": imageParameters,
id: "dyn"
});
map.addLayer(imagelyr);
//切片加载
var tiledlyr = new ArcGISTiledMapServiceLayer("http://www.sdmap.gov.cn/tileservice/SDPubMap/MapServer");
map.addLayer(tiledlyr);
})
</script>
</body>
</html>
【推荐】国内首个AI IDE，深度理解中文开发场景，立即下载体验Trae
【推荐】编程新体验，更懂你的AI，立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包，你的智能百科全书，全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell：AI 加持，快人一步
· 无需6万激活码！GitHub神秘组织3小时极速复刻Manus，手把手教你使用OpenManus搭建本
· C#/.NET/.NET Core优秀项目和框架2025年2月简报
· Manus爆火，是硬核还是营销？
· 终于写完轮子一部分：tcp代理 了，记录一下
· 【杭电多校比赛记录】2025“钉耙编程”中国大学生算法设计春季联赛（1）