ArcGIS API for Javascript 第一个地图
2014-10-16 15:27
363 查看
参考:ArcGIS官网
先说说我们这个项目,需要从数据库里面取一些数据,这样就要用到java语言。ArcGIS官方推荐的开发工具是微软的VS或者Aptana,但是这两种工具对java支持都不好,因此我们考虑使用Eclipse,加上Aptana插件。
好了,开始我们的第一个地图,我使用的在线API,当然以后肯定要用离线的。
新建一个html文件,代码如下:
新人一枚,刚刚接触这些,看到的朋友觉得不好的地方敬请指正。
本人对js和dojo这些也在菜鸟阶段,以后的路还很长
先说说我们这个项目,需要从数据库里面取一些数据,这样就要用到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>完成之后的效果:
新人一枚,刚刚接触这些,看到的朋友觉得不好的地方敬请指正。
本人对js和dojo这些也在菜鸟阶段,以后的路还很长
相关文章推荐
- ArcGIS.Server.9.3和ArcGIS API for JavaScript地图map控件基本参数设置(三)
- ArcGIS.Server.9.3和ArcGIS API for JavaScript地图实现Toorbar功能(四)
- ArcGIS API for JavaScript实现地图双屏联动
- ArcGIS.Server.9.3和ArcGIS API for JavaScript地图实现Toorbar功能(四)
- ArcGIS.Server.9.3和ArcGIS API for JavaScript地图map控件基本参数设置(三)
- ArcGIS For JavaScript API Show map properties(显示地图信息)————(十二)
- ArcGIS.Server.9.3和ArcGIS API for JavaScript地图map控件基本参数设置(三)
- arcgis api for javascript去掉加载地图时默认的logo
- 基于ArcGIS API for Javascript的地图编辑工具
- 用ArcGIS API for JavaScript在地图上绘制圆多边形
- ArcGIS.Server.9.3和ArcGIS API for JavaScript实现基本的地图功能
- ArcGIS.Server.9.3和ArcGIS API for JavaScript实现基本的地图功能(一) javascript
- ArcGIS.Server.9.3和ArcGIS API for JavaScript实现基本的地图功能(一)
- 基于ArcGIS API for Javascript的地图编辑工具
- ArcGIS For JavaScript API Display map in a dialog(在会话窗口中显示地图)————(七)
- ArcGIS For JavaScript APi Map with scalebar(地图比例尺 内/外)————(二十三)
- ArcGIS API for JavaScript之创建第一个应用
- ArcGIS.Server.9.3和ArcGIS API for JavaScript实现基本的地图功能(一)
- ArcGIS.Server.9.3和ArcGIS API for JavaScript实现基本的地图功能(一)
- ArcGIS.Server.9.3和ArcGIS API for JavaScript实现基本的地图功能(一)