您的位置：首页 > Web前端 > JavaScript

arcgis api for javascript 离线部署后，加载高德地图本地加载测试已成功

2016-10-10 16:01 766 查看

首先本地部署arcgis api for javascript，详情请参照我的另外一个文章，离线部署arcgis api for javascript

而后，新建html文件，内容如下
<!DOCTYPE html>
<html>
<head>
<title>Create a Web Map</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">

<link rel="stylesheet" type="text/css" href="http://localhost/arcgis_js_api/library/3.14/3.14/esri/css/esri.css" />
<style>
html,body,#mapDiv,.map.container{
padding:0;
margin:0;
height:100%;
}

}
</style>

<script type="text/javascript">
var dojoConfig = {
async: true,
parseOnLoad: true,
packages: [{
name: "extLayers",
location: location.pathname.replace(/\/[^/]*$/, '') + '/extLayers'
}]
};
</script>
<script type="text/javascript" src="http://localhost/arcgis_js_api/library/3.14/3.14/init.js"></script>

<script>

require(["esri/map", "extLayers/gaodeLayer", "dojo/domReady!"], function (Map, gaodeLayer) {
var map = new Map("mapDiv", {
center: [116, 28],
zoom: 5
});
//var baselayer = new gaodeLayer();//默认加载矢量 new gaodeLayer({layertype:"road"});也可以
var baselayer = new gaodeLayer({layertype: "st"});//加载卫星图
//var baselayer = new gaodeLayer({layertype: "label"});//加载标注图
map.addLayer(baselayer);//添加高德地图到map容器
});



</script>
</head>

<body>
<div id="mapDiv"></div>

</body>
</html>

而后，引用一个大神的js文件自行下载
只需要将你新建的html放在

如图所示位置即可。文件夹exLayers里放的是大神的js文件。
如有问题我们可以继续沟通，当然如果要在线引用的话 index里的代码就可以
如需下载源码DEMO，或者有问题，请扫码或者关注微信公众号“GIS帮”

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航

arcgis api for javascript 离线部署后，加载高德地图 本地加载测试已成功

arcgis api for javascript 离线部署后，加载高德地图本地加载测试已成功