您的位置:首页 > Web前端 > JavaScript

ArcGIS API for Javascript 第一个地图

2014-10-16 15:27 363 查看
参考: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>
完成之后的效果:



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

本人对js和dojo这些也在菜鸟阶段,以后的路还很长
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐