Map学习(arcgis api for javascript3.18)

arcgis中map对象是展示数据的组织入口。

  在arcgis api for js中,使用esri/map 类来进行一个map对象的新建。

  api文档:https://developers.arcgis.com/javascript/3/jsapi/map-amd.html

  1、简单的使用示例:

  

  require([
    "esri/map",
    "dojo/domReady!"
  ], function ( Map){
    var map = new Map("divid", {
      basemap: "topo",
      center: [-111.879655861, 40.571338776], // long, lat
      zoom: 13,
      sliderStyle: "small"
    });
});

  使用dojo的require加载esri/map模块,并以Map作为回调函数的参数,在函数中Map类用来实例化一个map对象。

  new Map()的第一个参数“divid”,是我们用来放地图的div的id值。第二个参数是初始化的配置参数对象,这个对象包括地图、初始中心点、extent、logo、缩放等级(最大、最小、当前)、比例尺(最大、最小、当前)等等。

  map对象新建好了。

  map的属性:

    坐标系(spatialReferenct):坐标系一般map对象一建好,就确定了。初始化时我们可以设置basemap,使用basemap的坐标系作为其默认坐标系。这里需要注意,map有个setBasemap()函数用来切换当前的地图,但是前后地图的坐标系必须一致,不然无法显示(不知道有没有解决办法)。

    然后就是map的scale/zoom/level/extent等有关map操作的属性。

    接着就是graphicsLayerIds/layerIds属性,对应属于map的图层id。图层是包含在map 中进行数据展示的另一个重要对象。map可以对图层进行添加、删除。对地图的缩放、移动等操作当然也就是作用在其包含的图层上的。

时间: 2024-09-30 09:44:26

Map学习(arcgis api for javascript3.18)的相关文章

ArcGIS API for JavaScript3.x 学习笔记[4] 加载底图(三)【Open Street Map开放街道地图】

Open Street Map OpenStreetMap(简称OSM,中文是开放街道地图)是一个网上地图协作计划,目标是创造一个内容自由且能让所有人编辑的世界地图. OSM是一款由网络大众共同打造的免费开源.可编辑的地图服务.OpenStreetMap它是利用公众集体的力量和无偿的贡献来改善地图相关的地理数据.OSM是非营利性的,它将数据回馈给社区重新用于其它的产品与服务.而其他地图则是将大多数的地图数据出售给第三方. OSM的地图由用户根据手提GPS装置.航空摄影照片.其他自由内容甚至单靠地

ArcGIS API for JavaScript3.x 学习笔记[8] 动态地图服务图层

在ArcGIS API 中给我们提供了一个类叫做ArcGISDynamicMapServiceLayer利用这个类,我们可以获得发布的地图服务.调用动态地图服务一般只需要两步: 通过地图服务的URL创建一个ArcGISDynamicMapServiceLayer对象 将动态地图服务的对象添加到地图容器中 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"

ArcGIS API for JavaScript3.x 学习笔记[3] 加载底图(一)【天地图(经纬度版)】

1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>天地图底图加载(经纬度版本)</title> 6 <link rel="stylesheet" href="https://js.arcgis.com/3.21/esri/css/esri.css"> 7 <script

ArcGIS API for JavaScript3.x 学习笔记[5] 加载底图(四)【高德在线地图】

/** * Created by WanderGIS on 2015/7/15. */ define(["dojo/_base/declare", "esri/geometry/Extent", "esri/SpatialReference", "esri/geometry/Point", "esri/layers/TileInfo", "esri/layers/TiledMapServiceLa

arcgis api for js入门开发系列二不同地图服务展示(含源代码)

上一篇介绍了arcgis api离线部署,这篇开始正式介绍arcgis api for js开发:想要学习webgis开发,首先得熟悉了解前端技术,比如界面布局设计的html+css,核心的是javascript(js),arcgis api就是js写的,就是说想要开发gis功能前提下,你得熟悉了解js,不然你连源代码都看不懂.在这里,推荐esri官网的arcgis api for js:https://developers.arcgis.com/javascript/3/jsapi/:里面详细

ArcGIS API For Silverlight使用在线地图的多种方法总结

引自:http://www.cnblogs.com/meimao5211/p/3283969.html ArcGIS API For Silverlight使用在线地图的多种方法总结 本人也正在学习ArcGIS API For Silverlight,希望通过博文和大家相互交流.学习,如有不对请及时指正~最近,主要在研究如何将在线地图叠加到Silverlight中,当然没有啥原创,只是总结了现在普遍存在的一些方法.(1)使用自带的ESRI.ArcGIS.Client.Toolkit.DataSo

arcgis api 4.x for js 集成 Echarts4 实现模拟迁徙图效果(附源码下载)

前言 关于本篇功能实现用到的 api 涉及类看不懂的,请参照 esri 官网的 arcgis api 4.x for js:esri 官网 api,里面详细的介绍 arcgis api 4.x 各个类的介绍,还有就是在线例子:esri 官网在线例子,这个也是学习 arcgis api 4.x 的好素材. arcgis api 4.x for js 集成 echarts 实现迁徙图效果的关键问题在于 echarts 坐标系以及 arcgis 坐标系不一致,因此要进行 echarts坐标系与 arc

arcgis api 4.x for js 结合 Echarts4 实现统计图(附源码下载)

前言 关于本篇功能实现用到的 api 涉及类看不懂的,请参照 esri 官网的 arcgis api 4.x for js:esri 官网 api,里面详细的介绍 arcgis api 4.x 各个类的介绍,还有就是在线例子:esri 官网在线例子,这个也是学习 arcgis api 4.x 的好素材. 参照 arcgis api 4.x for js 地图加载多个气泡窗口展示的基础上,实现 arcgis api 4.x for js 结合 Echarts4 实现统计图,核心思路地图叠加自定义

arcgis api 4.x for js 聚合效果图(附源码下载)

前言 关于本篇功能实现用到的 api 涉及类看不懂的,请参照 esri 官网的 arcgis api 4.x for js:esri 官网 api,里面详细的介绍 arcgis api 4.x 各个类的介绍,还有就是在线例子:esri 官网在线例子,这个也是学习 arcgis api 4.x 的好素材. 内容概览 1.基于 arcgis api 4.x for js 聚合效果2.源代码 demo 下载 本篇实现 arcgis api 4.x for js 聚合效果功能,效果图如下: 聚合数据源