esri/basemaps 底图服务

AMD模块要求 ]

require ([ “esri / basemaps ” ],function (esriBasemaps ){ / * code goes here * / });    

描述

此类包含引用JS API中使用的默认底图的属性,允许您将地图服务添加为Web应用程序中的默认底图。

应用此类主要用于自定义地图服务作为底图时。使用AcrGIS提供的默认的底图作为底图只需在map中设置相应basemap属性,无需引入此类。作为map类的属性,配合map类使用。

  require([
    "esri/basemaps",
    "esri/map",
    "dojo/domReady!"
  ], function (esriBasemaps, Map){
    esriBasemaps.delorme = {
      baseMapLayers: [{url: "https://services.arcgisonline.com/ArcGIS/rest/services/Specialty/DeLorme_World_Base_Map/MapServer"}
      ],
      thumbnailUrl: "https://www.example.com/images/thumbnail_2014-11-25_61051.png",
      title: "Delorme"
    };

    var map = new Map("ui-map", {
      basemap: "delorme",
      center: [-111.879655861, 40.571338776], // long, lat
      zoom: 13,
      sliderStyle: "small"
    });
});

属性

NameTypeSummary
dark-grayObject深灰色画布底图设计用作舒缓背景贴图,用于覆盖并将注意力集中在其他地图图层上。
dark-gray-vectorObject此矢量切片图层为世界提供了详细的底图,其中性背景样式具有最少的颜色,标签和特征。
grayObject浅灰色画布底图设计用作中性背景地图,用于叠加和强调其他地图图层。
gray-vectorObject此矢量切片图层为世界提供了详细的底图,其中性背景样式具有最少的颜色,标签和特征。
hybridObjectWorld Imagery地图是一个详细的图像地图图层和标签,旨在用作各种地图和应用程序的底图。
national-geographicObject国家地理底图旨在用作信息和教育目的的一般参考地图。
oceansObject海洋底图旨在被海洋地理信息系统专业人员用作底图,并作为任何对海洋数据感兴趣的人的参考地图。
osmObjectOpenStreetMap是一个社区地图图层,旨在用作各种地图和应用程序的底图。
satelliteObjectWorld Imagery地图是一个详细的图像地图图层,旨在用作各种地图和应用程序的底图。
streetsObjectStreets底图为世界提供了一个多尺度的街道地图。
streets-navigation-vectorObject此矢量切片图层为世界提供了详细的底图,其中包含自定义导航地图样式。
streets-night-vectorObject此矢量切片图层为世界提供了详细的底图,其中包含自定义的“夜间”街道地图样式。
streets-relief-vectorObject此矢量切片图层为世界提供了详细的底图,其中包含经典的Esri街道地图样式,旨在与浮雕地图一起使用。
streets-vectorObject此矢量切片图层为世界提供了详细的底图,其中包含经典的Esri街道地图样式。
terrainObject带标签的地形底图旨在用于叠加和强调其他专题地图图层。
topoObject地形图包括边界,城市,水景,地形特征,公园,地标,交通和建筑物。
topo-vectorObject此矢量切片图层为世界提供了详细的底图,其中包含经典的Esri地形图样式,旨在用于浮雕地图。

 属性详情


<Object> dark-gray

较为粗略,仅包含基础底图与地名,可精确到县级单位


<Object> dark-gray-vector

在dark-gray的基础上,添加了道路图层。


<Object> gray

在dark-gray的基础上,将背景色变为灰色。


<Object> gray-vector

在dark-gray-vector,将背景色变为灰色。


<Object> hybrid

高分辨率卫星图像以及精确到县级单位的地区标注


<Object> national-geographic

较为详细,包含粗略地形,道路,河湖名称,县级单位的标注。字体、用色适合打印。


<Object> oceans

包含较为详细的海洋深度信息 


<Object> osm

包含较为精确的地理要素信息,配色靓丽。适用于高分辨率的需求。


<Object> satellite

纯卫星影像,hybrid基础上去掉标注


<Object> streets

较为突出的道路信息,不如osm详细,在国内,高分辨率采用了天地图。


<Object> streets-navigation-vector

osm和streets的结合体,详细的地理信息和突出的道路信息。


<Object> streets-night-vector

streets-navigation-vector暗色版,配色靓丽。


<Object> streets-relief-vector

streets-navigation-vector换了配色,信息有所减少


<Object> streets-vector

streets-navigation-vector换了配色,有更加详细地物的信息


<Object> terrain

gray亮色版


<Object> topo

较为详细的地物信息。配色很美,地理要素分类详细。


<Object> topo-vector

topo去掉地形

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>通过属性查询地图服务中的信息</title> <link rel="stylesheet" href="https://js.arcgis.com/3.39/esri/css/esri.css"> <!-- <link rel="stylesheet" type="text/css" href="./css/esri.css" /> --> <link rel="stylesheet" href="https://js.arcgis.com/3.40/esri/themes/calcite/dijit/calcite.css"> <script src="https://js.arcgis.com/3.41/"></script> <script> require(["esri/map", //加载地图组件 "dojo/dom", "dojo/on", "esri/InfoTemplate", "esri/graphic", "esri/geometry/Point",//加载点对象组件 "esri/symbols/SimpleMarkerSymbol", "esri/geometry/Extent",//加载范围组件 "esri/layers/FeatureLayer", //加载FeatureLayer地图组件 // "esri/dijit/FeatureTable", "esri/layers/WebTiledLayer", //加载切片地图组件 "esri/layers/ArcGISDynamicMapServiceLayer",//加载动态地图组件 "esri/symbols/SimpleFillSymbol", "esri/renderers/UniqueValueRenderer", "esri/tasks/query", "esri/tasks/QueryTask", "esri/Color", "dojo/domReady!" ], function (Map, dom, on, InfoTemplate, Graphic, Point, SimpleMarkerSymbol,Extent, FeatureLayer, WebTiledLayer, ArcGISDynamicMapServiceLayer, SimpleFillSymbol, UniqueValueRenderer, Query, QueryTask, Color, GeoJsonLayer) { //初始化地图容器 // map = new Map("map", { logo: false, slider: false }, {zoom: 8}); map = new Map("map", { center: [109.33789 , 29.57985], basemap: "satellite", zoom: 10, sliderStyle: "small", logo: false }); // 创建底图 var basemap = new esri.layers.ArcGISTiledMapServiceLayer("http://server.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer"); map.addLayer(basemap,0); // 创建动态图层 var dynamicLayer = new ArcGISDynamicMapServiceLayer("http://116.62.63.94:6080/arcgis/rest/services/sanhuxiangtest/MapServer"); map.addLayer(dynamicLayer,99); }) </script> </head> <body class="tundra"> <div id="map" style="width:900px; height:580px; border:1px solid #000;"></div> 类别名称:<input class="nm" type="text"> </body> </html>
07-15
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值