首页 > 代码库 > 我的ArcGIS API for Javascript
我的ArcGIS API for Javascript
为大家贴贴最基本的地图加载:
一. API 根据Dom树上节点的 ID 确定 Map 的显示位置;
二. setBasemap 方法可得到一些ArcGIS制作好的底图,例如: "streets" , "satellite" , "hybrid", "topo", "gray", "oceans", "national-geographic", "osm";
三. setEXtent 方法可设置地图的显示区域;
<!DOCTYPE html><html lang="en"> <head> <meta charset="utf-8"> <title> Demo </title> <link rel="stylesheet" href="http://js.arcgis.com/3.10/js/esri/css/esri.css"> <script type="text/javascript" src="http://js.arcgis.com/3.9/"></script> <style> html,body,#mapDiv { width: 100%; height: 100%; } </style> <script> require([ "esri/map", "esri/geometry/Extent" ], function(){ var map = new esri.Map("mapDiv"); map.setBasemap("osm"); var bounds = new esri.geometry.Extent({ "xmin":118.363523,"ymin":29.219302,"xmax":119.508848,"ymax":30.073848, "spatialReference":{"wkid":4326}}); map.setExtent(bounds); }); </script> </head><body> <div id="mapDiv"></div></body></html>
补充:
1.地图初始化时即可完成各种属性的设置,new Map(divId, options?);
例如:var map = new Map(“mapDiv”,{ basemap: "osm" , extent: bounds});
2.欲加载已发布的服务,只需新建图层并加入map 即可;
例如: var layer = new esri.layers.ArcGISDynamicMapServiceLayer( url ); map.addLayer(layer);
效果:
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。