ArcGIS API for JavaScript实现加载必应地图

最新推荐文章于 2023-10-08 16:09:37 发布
最新推荐文章于 2023-10-08 16:09:37 发布
阅读量962 收藏 1
点赞数
分类专栏： GIS 文章标签： html JavaScript BingMap dojo ArcGIS

加载最简单的基础地图和道路信息

（本例来自ArcGIS官方：加载必应地图）

如何将Bing地图的图层添加到地图、如何使用按钮在不同类型的地图之间切换

<!DOCTYPE html>
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    
    <meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no">
    <title>VE Tile Layer</title>
    <link rel="stylesheet" href="https://js.arcgis.com/3.23/dijit/themes/claro/claro.css">
    <link rel="stylesheet" href="https://js.arcgis.com/3.23/esri/css/esri.css">

    <script>dojoConfig = { parseOnLoad: true };</script>
    <script src="https://js.arcgis.com/3.23/"></script>
    <script>
      dojo.r
最低0.47元/天 解锁文章
请输入您的昵称____
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
ArcGIS API for JavaScript3加载高德地图
12-21
本篇文章将详细探讨如何使用ArcGIS API for JavaScript 3.23版本加载高德地图和影像地图。 1. ArcGIS API for JavaScript 3.23概述： ArcGIS API for JavaScript 3.23是Esri提供的一个强大的Web GIS开发工具，支持...
02-ArcGIS API For JavaScript调用动态地图服务
Ocean111best的博客
11-22 1509
一、ArcGIS发布动态地图服务 参考：https://blog.csdn.net/lovecarpenter/article/details/52205093 我发布的地图服务是： 二、通过属性查询地图服务中的信息 1、调用地图服务 在ArcGIS API 中给我们提供了一个类叫做ArcGISDynamicMapServiceLayer利用这个类，我们可以获得发布的地...
【ArcGis for javascript从零开始】之一 ArcGis加载天地图
热门推荐
每天学习一点点
12-04 1万+
现在正在做的项目，需要用ArcGis来加载天地图，由于刚刚接触ArcGis方面，一边学习一边做比较吃力。先把学习到的一点点拿出来现学现卖吧。
arcgis api for javascript4.18加载天地图服务，并且加载自己的发布的动态地图服务
RADI的博客
12-24 2076
以arcgis api for javascript4.18 API为例： 遇到几个问题： 1、用户，特别是小白用户，不知道用什么API类来调用各种地图服务。 解决办法： 方法一：正向思考方法 参考官方APIhttps://developers.arcgis.com/javascript/latest/api-reference 方法二：技巧型方法 那么有一个很简单的方法，进入server manager服务目录，找到你的服务，预览一下， 然后你按F12,看到了没有，这个服务用啥方法，咋写，
ArcGIS API for Javascript4.10加载天地图（墨卡托投影）
佯佯DESIGNER
01-19 4442
本篇主要介绍利用ArcGIS API for Javascript 4版本的最新版本4.10加载天地图的矢量底图、影像地图和地形图，以加载矢量地图为例，我们通过扩展BaseTileLayer来自定义矢量地图图层TiandiMapLayer模块。
ArcGIS API for JavaScript部署开发
最新发布
m0_53156691的博客
10-08 1970
简单来说，开发可以通过在线引用官网CDN和 通过下载本地开发包引用的两种形式来进行。（这里本地部署又分别可以通过NPM下载模块，或者在官网下载ArcGIS API for JavaScript开发包。而，和ES modules是js模块化开发的规范。可以了解：AMD modules 和 ES modules 两种都是异步的，都适用于前端。
ArcGIS API for JavaScript4.10加载高德地图
01-16
在本文中，我们将深入探讨如何使用ArcGIS API for JavaScript 4.10版本来加载高德地图，并结合高德地图的影像数据，实现自定义的GaodeMapLayer模块。ArcGIS API for JavaScript是一个强大的Web GIS开发工具，它允许...
ArcGIS API for Javascript3加载天地图
12-21
总结来说，通过ArcGIS API for JavaScript 3.23，我们可以轻松地在Web应用中加载并操作天地图，同时实现标注图层的显示。这不仅提高了地图应用的实用性，也为开发者提供了丰富的定制选项，满足各种项目需求。在实际...
ArcGIS API for JavaScript4.10加载腾讯地图
01-19
在本文中，我们将深入探讨如何使用ArcGIS API for JavaScript 4.10版本来加载腾讯地图，包括矢量地图、影像、地形图以及暗色矢量图。ArcGIS API for JavaScript是一个强大的工具，允许开发人员在Web应用中集成地理...
ArcGIS API for JavaScript加载百度地图代码
09-13
在IT行业中，ArcGIS API for JavaScript是一个广泛使用的地理信息系统（GIS）开发工具，...通过不断学习和实践，你可以熟练掌握ArcGIS API for JavaScript加载百度地图的技术，为用户提供更丰富、更个性化的地图应用。
[WebGIS] ArcGIS api for javascript3.21版本加载天地图
geodoer
08-29 7942
介绍 文件 TDTLayerjs TDTLayerjs indexhtml或jspflt前端文件 结果介绍ArcGIS api for Javascript3.21版本加载天地图 目录介绍： js TDTAnnoLayer.js //天地图注解图层 TDTLayer.js //天地图注解图层 index.html //视图文件 下载链接文件TDTLayer.js封装加
arcgis api for javascipt 加载天地图、百度地图
01-19 391
写在前面的话： 1.百度地图是自己定义的坐标系统，wkid=102100.百度地图数据是加密的产物。下文将附上百度坐标与WGS84，谷歌等坐标系统转换方法（地理-地理），此方法并未亲测，据说准 2.百度地图可以直接加载经纬度坐标 3.百度地图如果加载的arcgis api中会出现坐标偏移，1.中已经解决了地理坐标转换，那么找到百度投影-地理坐标的转换方式，则arcgis就可以直...
ArcGIS.Server.9.3和ArcGIS API for JavaScript实现基本的地图功能（一） javascript
chaoxidawang的专栏
01-09 1222
arcgis.server.9.3和arcgis api for javascript实现基本的地图功能(一) 目的: 1.arcgis api for javascript实现基本的地图功能,包括2个地图服务的叠加显示、图层过滤定义、地图视图范围设置、地图鼠标移动事件等。 准备工作: 1.在arcgis.server.9.3发布一个叫usa的map service,并且把这个servic
ArcGIS API for JavaScript学习笔记（3）加载谷歌卫星图和天地图标注
圈圈的博客
08-30 1358
ArcGIS Pro自2.4起可以从自带的底图中一键加载天地图的卫星图、矢量图和地形图，但是从实际使用中看，卫星图的显示效果模糊，更要命的是时效性差，比如某一块用地已经开展了建设，但是从天地图的卫星图上看还是一片空地。从这个需求上看，google的卫星图仍然是首选。ArcGIS Pro的底图中没有自带谷歌的卫星图，不过可以使用ArcGIS Online间接满足要求。 方法：在ArcGIS Online中新建地图，从Web添加图层-切片图层，输入google卫星图的链接http://mt0.google.cn
Arcgis API for JS 地图小部件
aoyueng_XT的博客
08-16 1767
ArcGIS API for JavaScript地图小部件类主要放在esri/dijit包中。 原文自GISXXCOM微信公众号，存档各地图小部件的引用方法： 比例尺（Scalebar） require(["esri/dijit/Scalebar"], function(Scalebar) { var scalebar = new Scalebar({
ArcGIS JavaScript for API（001）：加载ArcGISServer MapServer
wangjianbo09的博客
03-29 2815
根据工作需要最近在调研 arcgis api。 地图显示： 1，基础地图显示 ：在创建map时，定义“basemap”，即可显示arcgis预设地图。 const map = new Map({ basemap: 'streets-night-vector' }); 2，加载指定地图服务地图-arcgis server地图源：arcgis server 发布地图网上教程很多，在此不再赘述；加载arcgis server地图功能实现很简单，主要是选对laye
【Silverlight】Bing Maps开发应用与技巧二：自定义图钉标注控件和动态ToolPanel
weixin_34268310的博客
04-19 106
　　在Bing Maps Silverlight Control中以及为我们提供了地图图钉控件Pushpin，我曾经在《使用图钉层（Pushpin layer）及地图图层（MapLayer）》一文中介绍过他的使用方法，本篇主要介绍如何自定义图钉标注控件以及对他的一些扩展，比如实现图钉的动态ToolPanel。   　　关于图钉的UI外观的设计这里就不详细介绍了，通过Blend可以快速的构建UI...
JS画地图--BingMap
weixin_44427407的博客
11-01 1779
用BingMap画图 脑阔疼，最近跟着老师一起做项目使用到了GIS，要求用JS画一张简单的地图。地图上要求有两点： 标注两个点 两个点对应的要有两个提示框 首先，讲讲为啥用的BingMap吧，本来项目使用的是Supermap。但突然加了一个要求，地图要是英文显示的，这可把我难死了。一开始想省事，认为supermap有参数可以改，使地图成英文版的。（ps:这里先解释一下，汉化版的地图，我是用的SuperMap.Layer.Baidu()方法加载出来的） 最后，本着偷懒的想法，找了一上午的办法，如何设置参数
Bigemap如何添加arcgis地图？
kiko677的博客
08-15 484
bigemap 高清卫图 谷歌地图
用arcgis api for javascript写加载天地图的完整页面代码
02-22
可以参考以下示例代码实现加载天地图的完整页面： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no"> <title>ArcGIS API for JavaScript 示例</title> <link rel="stylesheet" href="https://js.arcgis.com/4.16/esri/themes/light/main.css"> <script src="https://js.arcgis.com/4.16/"></script> <style> html, body, #viewDiv { padding: 0; margin: 0; height: 100%; width: 100%; } </style> <script> require([ "esri/Map", "esri/views/MapView", "esri/layers/WebTileLayer" ], function (Map, MapView, WebTileLayer) { // 创建天地图WebTileLayer let tdLayer = new WebTileLayer({ urlTemplate: "http://t0.tianditu.gov.cn/vec_w/wmts?service=wmts&request=GetTile&version=1.0.0&LAYER=vec&tileMatrixSet=w&TileMatrix={level}&TileRow={row}&TileCol={col}&style=default&format=tiles", subDomains: ["t0"] }); // 将图层添加到地图 let map = new Map({ basemap: { baseLayers: [tdLayer] } }); // 创建地图视图 let view = new MapView({ container: "viewDiv", map: map, center: [116.46, 39.92], zoom: 6 }); }); </script> </head> <body> <div id="viewDiv"></div> </body> </html>

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值