ArcGIS API For JavaScript(一)HelloWorld
ArcGIS API For JavaScript(一)HelloWorld
在ArcGIS API For JS中,esri.Map类可以说是最重要的一个类,Map作为地图图层的容器,存放各种地图服务,同时Map具有一些常用的属性和事件可以帮助我们完成一些复杂的操作。接下来我们使用Map类开始我们的HelloWorld程序。
源代码:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Hello World</title>
<link rel="stylesheet"href="http://js.arcgis.com/3.9/js/dojo/dijit/themes/tundra/tundra.css"/> //引用外部样式文件
<link rel="stylesheet" href="http://js.arcgis.com/3.9/js/esri/css/esri.css" /> //引用外部样式文件
<script src="http://js.arcgis.com/3.9/"></script>
<script>
require(["esri/map","dojo/domReady!"], //回调函数
function(Map){
var myMap = new Map("mapDiv",{
slider:true, //是否显示滑动条
logo:false, //是否显示Logo
center:[117.290821,31.8455102], //地图中心坐标
zoom:16, //缩放级别
basemap:"osm" //基础底图类型
});
})
</script>
</head>
<body class="tundra">
<div id="mapDiv" style="width:900px; height:600px; border:1px solid #000;"></div> //定义一个容器,设置宽度和高度,边界宽度1,颜色白色
//创建一个div作为Map的容器(div容器必须设置宽高,不然地图不会显示)
</body>
</html>
参考资料: (二)ArcGIS API For JavaScript之Hello_World
https://blog.csdn.net/lovecarpenter/article/details/52344665
地理信息科学
Writed By NX
QQ:1051926720