码迷,mamicode.com
首页 > 编程语言 > 详细

我的ArcGIS API for Javascript

时间:2014-07-28 23:52:34      阅读:383      评论:0      收藏:0      [点我收藏+]

标签:style   blog   http   java   color   os   io   2014   

为大家贴贴最基本的地图加载:

一. 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);

效果:

        bubuko.com,布布扣

我的ArcGIS API for Javascript,布布扣,bubuko.com

我的ArcGIS API for Javascript

标签:style   blog   http   java   color   os   io   2014   

原文地址:http://www.cnblogs.com/qdhotel/p/3873417.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!