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(一)HelloWorld

ArcGIS API For JavaScript(一)HelloWorld 

 ArcGIS API For JavaScript(一)HelloWorld

参考资料: (二)ArcGIS API For JavaScriptHello_World

https://blog.csdn.net/lovecarpenter/article/details/52344665

地理信息科学

Writed By NX

QQ:1051926720