ArcGIS API for Javascript 第一个地图

最新推荐文章于 2022-06-27 15:12:41 发布

dos_santos

最新推荐文章于 2022-06-27 15:12:41 发布

阅读量602

点赞数

分类专栏： ArcGIS

本文链接：https://blog.csdn.net/dos_santos/article/details/40149193

版权

ArcGIS 专栏收录该内容

0 篇文章 0 订阅

订阅专栏

参考：ArcGIS官网

先说说我们这个项目，需要从数据库里面取一些数据，这样就要用到java语言。ArcGIS官方推荐的开发工具是微软的VS或者Aptana，但是这两种工具对java支持都不好，因此我们考虑使用Eclipse，加上Aptana插件。

好了，开始我们的第一个地图，我使用的在线API，当然以后肯定要用离线的。

新建一个html文件，代码如下：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
  <head>
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
     <title>My fisrt ArcGis Map</title>
     <link rel="stylesheet" href="http://js.arcgis.com/3.11/dijit/themes/claro/claro.css">
   <script src="http://js.arcgis.com/3.11/"></script>
     <link rel="stylesheet" href="http://js.arcgis.com/3.11/esri/css/esri.css">
     <script type="text/javascript">
       dojo.require("esri.map");
       var myMap;
       function init() {
         myMap = new esri.Map("arcgisDiv");
        var myTiledMapServiceLayer = 
		new esri.layers.ArcGISTiledMapServiceLayer("http://cache1.arcgisonline.cn/arcgis/rest/services/ChinaOnlineCommunity/MapServer");
         myMap.addLayer(myTiledMapServiceLayer);
         myMap.setZoom(4);
       }
       dojo.addOnLoad(init);
     </script>
  </head>
  <body class="tundra">
     <div id="arcgisDiv" style="width:900px; height:600px; border:1px solid #000;"></div>
  </body>
</html>

完成之后的效果：

新人一枚，刚刚接触这些，看到的朋友觉得不好的地方敬请指正。