ArcGIS API for JavaScript（一）：basemap底图类型

最新推荐文章于 2023-12-20 09:46:59 发布
最新推荐文章于 2023-12-20 09:46:59 发布
阅读量1.8k 收藏 6
点赞数 1
分类专栏： ArcGIS
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_39520640/article/details/99936573
版权 
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
  <title>加载2D</title>
  <link rel="stylesheet" href="https://js.arcgis.com/4.12/esri/css/main.css">
  <script src="https://js.arcgis.com/4.12/"></script>
  <script>
  require([
      "esri/Map",
      "esri/views/MapView"
    ], function(Map, MapView) {

    var map = new Map({
      basemap: "terrain"      //底图类型
    });
    
    var view = new MapView({
      container: "viewDiv",
      map: map,
      center: [-118.71511, 34.09042], 
      zoom: 15
    });
  });
  </script>
</head>
<body>
  <div id="viewDiv"></div>
</body>

1、topo
在这里插入图片描述
2、terrain
在这里插入图片描述
3、streets-relief-vector
在这里插入图片描述
4、streets-night-vector
在这里插入图片描述
5、streets-navigation-vector
在这里插入图片描述
6、streets
在这里插入图片描述
7、satellite
在这里插入图片描述
8、osm
在这里插入图片描述
9、oceans
在这里插入图片描述
10、national-geographic
在这里插入图片描述
11、hybrid
在这里插入图片描述
12、gray
在这里插入图片描述
13、dark-gray
在这里插入图片描述

锦岁
关注
  • 1
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
ArcGIS API for JavaScript之基础篇（二）
weixin_41665391的博客
02-21 1万+
ArcGIS API for JavaScript之基础篇（二） 上一篇文章介绍了Map MapView SceneView的基本知识以及简单的demo。最近几天学习了WebMap WebScene Portal slide Popup等相关知识，我纯碎记录一下自己学习过程中的一些心得体会，个人理解。不对之处，还请各位见谅以及多多指教。 Demo展示 点击图中的任意一点弹出该点...
ArcGIS API for JS 之创建地图
哈里·雪利博客
02-12 1165
Simple Map html, body, #map { height: 100%; margin: 0; padding: 0; } var map; //dojo代码段，需要调用的模块在这里请求 require(["
ArcGIS API for JavaScript——切换basemap
niuge8905的博客
02-15 638
1、basemap的资源（主要是官方资源） https://developers.arcgis.com/javascript/latest/api-reference/esri-Map.html#basemap 2、利用basemapgallery切换底图 https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-BasemapGallery.html 3、自己写一个切换底图的方法 <templ
ArcGIS API for JavaScript Map与地图控件
QY1021371614的博客
04-21 1582
ArcGIS API for JavaScript Map与地图控件
使用BaseMap绘制地图它不香么
qq_44955314的博客
06-07 1931
一 前言 使用baseMap绘制地图简单方便，使用BaseMap需要搭配其它库进行使用常见的就是matplotlib; 读完本篇，读者将学会简单的使用baseMap或世界地图，国家地图，省份甚至特定地区等等；如果作者文章不错，随手点赞关注谢谢，不要耍白嫖哟； 二 BaseMap绘图 地图背景说明 drawcoastlines（）：绘制海岸线。 fillcontinents（）：为大陆内部着色（通过填充海岸线多边形） drawcountries（）：绘制国家边界。 drawstates（）：绘制北美的州界。
ArcGIS JavaScript for API（006）basemap 提供的不同地图
wangjianbo09的博客
05-06 1251
arcgis 提供了很多在线地图，在创建map是可以直接引用，本篇文章介绍一下，arcgis提供的不同类型的地图。 1，basemap 创建代码如下： const map = new Map({ basemap: 底图名称 }); const view2 = new MapView({ container: "view2Div", map: map, }); 名称 效果 dark-gray
ArcGIS Maps SDK for JavaScript系列之四：添加自定义底图
九仞山的专栏
09-17 1180
详细介绍了ArcGIS API 自定义底图的方法
basemap基础投影与地图样式
微小冷的学习笔记
10-26 2376
中给出了这34种投影的代码。下表中，NP指代North-Polar，SP指代South-Polar。得到的地图完全是两个风格，当然耗时也完全不一样。在basemap中，封装了多种绘制方案。画的是Nasa的照片，拥有极致色彩，主要参数为。如果不喜欢极致线条，也可以采用极致色彩。下面五种地图均以画线为主，其参数包括。basemap提供了25种投影，用来绘制经、纬线，除了经线对应。可查看其参数，找出几个只需要。，二者的其他参数包括。为绘制图像的坐标轴，为绘制边界线的开关。
ArcGIS API for JavaScript4.10加载高德地图
01-16
ArcGIS API for JavaScript是一个强大的Web GIS开发工具，它允许开发者创建交互式的地理信息系统应用。而高德地图是中国领先的数字地图提供商，提供了丰富的地图数据和API接口。 首先，我们要理解ArcGIS API的基本...
ArcGIS API for JavaScript3加载高德地图
12-21
c) 初始化地图：使用ArcGIS API的Map对象创建地图，并指定高德地图作为底图。 d) 加载图层：通过设置basemap属性或添加TiledMapServiceLayer来加载高德地图服务。 4. 加载影像地图： 影像地图通常包含卫星或航空...
ArcGIS API for JavaScript4.10加载天地图
01-18
使用ArcGIS API for Javascript 4.10加载天地图的矢量底图、影像地图和地形图，通过扩展BaseTileLayer来自定义图层模块。
arcgis api for js实现动态切换底图（淡入淡出效果）
05-05
在GIS领域，ArcGIS API ...通过以上步骤，你可以利用ArcGIS API for JavaScript 实现动态切换底图并加入淡入淡出效果，使得地图应用更加生动和专业。记得在实际开发中根据项目需求进行调整和优化，确保用户体验流畅。
ArcGIS API for JavaScript 高德地图.rar
07-09
1. **高德地图服务接入**: 通过ArcGIS API for JavaScript，可以加载高德地图的瓦片服务，将其作为地图的底图。这通常需要获取高德地图的API密钥，并在创建图层时提供相应的服务URL。 2. **自定义图层**: 如果需要...
ArcGIS API for js4.15加载高德地图作为底图
12-25
在这个场景中，我们关注的是如何在ArcGIS API for js4.15版本中加载高德地图作为底图，以替代可能在某些客户机上表现不佳的OpenStreetMap（OSM）。 首先，我们需要理解为什么在某些情况下会选择高德地图替代OSM。...
关于ArcGIS API for JavaScript中basemap的总结介绍（一）
weixin_30302609的博客
07-29 411
实际上basemap这个概念并不只在arcgis中才有，在Python中有一个matplotlib basemap toolkit（https://pypi.python.org/pypi/basemap），是用来实现地理信息可视化的。其中，matplotlib是Python常用的数据绘制包，basemap是matplotlib的一个子包，用来进行地图绘制。本文所指的basemap是指esr...
Arcgis js api && Element UI 自定义底图(basemap)切换
博客
12-03 984
api版本：4.21, 链接：Map | API Reference | ArcGIS API for JavaScript 4.21 | ArcGIS Developer 原理: 使用了Element 2.x框架的select组件,点击对应的value，map.basemap="newBasemap",实现图层点击切换。 实现: 代码： <template> <div id="content"> <!-- <div id="basemap...
arcgis api for javascript实现多底图叠加及定位展示
最新发布
qq_31937799的博客
12-20 295
【代码】arcgis api for javascript实现多底图叠加及定位展示。
ArcGIS API for JavaScript——地图展示
LONG
11-27 2614
ArcGIS API for JavaScript 能够实现的最基本功能就是地图展示，包括地图缩放、平移、定位、实时显示坐标、展示地图要素（指北针、比例尺、图例）、切换地图等。本文将详细介绍地图展示的代码构成以及常用的部件等。
ArcGIS API for JavaScript 4.X Basemap类（史上最全)
weixin_38866386的博客
09-28 910
Basemap 类 基础底图类，API提供了17种底图 我们也可以自定义底图,代码如下。 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta name="viewport" content="initial-scale=1,ma...
如何在ArcGIS API for JavaScript中使用DIV元素来显示底图库区域：
04-04
在ArcGIS API for JavaScript中，可以使用MapView或SceneView来显示地图或场景。要在DIV元素中显示底图库区域，可以按照以下步骤操作： 1. 创建一个DIV元素来容纳地图或场景视图。 ```html <div id="mapViewDiv"></div> ``` 2. 在JavaScript中创建MapView或SceneView对象，并将其附加到DIV元素上。 ```javascript require([ "esri/views/MapView", "esri/WebMap" ], function(MapView, WebMap) { var map = new WebMap({ portalItem: { id: "your-web-map-id" } }); var view = new MapView({ container: "mapViewDiv", map: map }); }); ``` 3. 在WebMap对象中添加底图库区域，以便在MapView或SceneView中显示。 ```javascript var map = new WebMap({ portalItem: { id: "your-web-map-id" }, basemap: { baseLayers: [ { type: "ArcGISMapServiceLayer", url: "http://services.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer" }, { type: "ArcGISTiledMapServiceLayer", url: "http://services.arcgisonline.com/ArcGIS/rest/services/World_Topo_Map/MapServer" } ] } }); ``` 在上面的示例中，我们添加了两个底图库区域：一个是世界影像服务，另一个是世界地形图服务。您可以根据需要添加或删除底图库区域。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值