WebGIS入门（一）--------在线加载ESRI地图

MagicMHD

于 2018-08-03 16:13:20 发布

阅读量7.4k

点赞数 2

CC 4.0 BY-SA版权

分类专栏： WebGIS实战

本文链接：https://blog.youkuaiyun.com/MagicMHD/article/details/81389077

本文介绍了如何使用WebGIS入门加载ESRI地图，包括添加arcGIS的CSS和JS库，创建放置地图的div，编写JavaScript代码来设置地图对象，并调整地图样式使其充满屏幕，提供了一个完整的加载世界地图的示例代码。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、首先要添加在线的arcGIS的样式css库和js库，代码如下：

<link rel="stylesheet" href="http://js.arcgis.com/3.11/dijit/themes/claro/claro.css">
<script src="http://js.arcgis.com/3.11/"></script>

这里另外再提一点，arcgis api for javascript提供了下面几种css样式：

http://js.arcgis.com/3.11/dijit/themes/claro/claro.css
http://js.arcgis.com/3.11/dijit/themes/tundra/tundra.css
http://js.arcgis.com/3.11/dijit/themes/nihilo/nihilo.css
http://js.arcgis.com/3.11/dijit/themes/soria/soria.css

大家可以根据不同的样式风格进行选择。

二、在body部分加入一个放置地图的div，代码如下：

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

三、开始编写js代码，代码如下：

最低0.47元/天解锁文章