第一篇 arcgis api for javascript 简单地图
2015-08-16 11:09
676 查看
定义一个地图对象,添加一个简单的瓦片图层
要点:
1、dojo框架;
2、包的引用;
3、图层添加;
代码及解释
要点:
1、dojo框架;
2、包的引用;
3、图层添加;
代码及解释
<span style="font-size:14px;"><%-- Created by IntelliJ IDEA. User: neil Date: 2015/8/16 Time: 10:08 To change this template use File | Settings | File Templates. --%> <%@ page contentType="text/html;charset=UTF-8" language="java" %> <html> <head> <title>地图测试页面</title> <link rel="stylesheet" href="http://js.arcgis.com/3.14/esri/css/esri.css"> <style> html, body, #mapDiv { height: 100%; width: 100%; margin: 0; padding: 0; } body { background-color: #FFF; overflow: hidden; font-family: "Trebuchet MS"; } </style> <script src="http://js.arcgis.com/3.14/"></script> <script> dojo.require("esri.map");//依赖包的引用 dojo.addOnLoad(init);//添加页面初始化事件 //声明两个对象 var agsMap; var tiledMapLayer; //初始化事件 function init() { //初始化范围 var initExtent = new esri.geometry.Extent({ "xmin": 12676062, "ymin": 2566164, "xmax": 12710191, "ymax": 2588674, "spatialReference": {"wkid": 102100} }); //定义一个map实体 agsMap = new esri.Map("mapDiv", {extent: initExtent}); //定义一个Layer切片图层 tiledMapLayer = new esri.layers.ArcGISTiledMapServiceLayer("http://server.arcgisonline.com/ArcGIS/rest/services/World_Street_Map/MapServer"); //装载图层 agsMap.addLayer(tiledMapLayer); //监听resize方法 dojo.connect(agsMap, 'onLoad', function (theMap) { dojo.connect(dijit.byId('mapDiv'), 'resize', agsMap, agsMap.resize); }); } </script> </head> <body> <div id="mapDiv"></div> </body> </html> </span>
相关文章推荐
- javascript设计模式之单例(singleton)模式
- js-判断字符是否为数字
- servlet和jsp存值和取值的方式
- js遇到的一些小问题心得
- JavaScript学习全栈教程-分享
- javascript对象
- javascript中undefined与null的区别
- 【JSOI2008】【BZOJ1036】【LCT版】树的统计Count
- 倒计时js代码
- jsp filter字符过滤器
- js在web绘制在页上的圆
- javascript数组去重的六种方法汇总
- 关于Javascript的闭包
- Response JSON数据返回
- Office Add-in Model 为 Outlook Mail Add-in 提供的 JavaScript API 介绍
- javascript中的回调函数
- 全国城市行政区划码Json格式
- javascript
- javascript数组去重的六种方法汇总
- javascript中undefined与null的区别