arcgis JavaScript 加载 mapbox地图

2024-10-17

arcgis api for javascript本地部署加载地图

最近开始学习arcgis api for javascript,发现一头雾水,决定记录下自己的学习过程. 一.下载arcgis api for js 4.2的library和jdk,具体安装包可以去官网或者csdn找链接下载. 二.加载第一张地图 1.在线模式,参考知乎大神的文章http://zhihu.esrichina.com.cn/article/3133.就是在外网的情况调用esri官网的api,但是网速不给力的时候怎么也加载不出来,而且也不报错,总之挺烦的 2.本地部署.可以IIS和T

arcgis JavaScript 加载 mapbox地图

mapbox 地图现在是越来越好看了, 随便试 /** * Created by Administrator on 2018/5/15 0015. */ import * as esriLoader from 'esri-loader' import {mapBoxType} from "./MapBoxType" export const mapBoxLayer = {}; mapBoxLayer.layerType = mapBoxType; mapBoxLayer.addLaye

ArcMap和ArcGIS Pro加载百度地图

前面发布了两篇我用ArcBruTile开发用于ArcMap加载百度地图的插件ArcBruTileBaidu,放在网上后评论和反响还不错,还有两位大学同学通过百度搜索居然搜到我本人!文章和技术介绍也被网络上复制粘贴了很多次,开发了那么多没人用的数字城市平台软件和GIS系统,这一个工具才感觉自己还有点用. 毕竟只是茶余饭后的兴趣爱好,对该插件升级和维护的也不是很及时,也导致很多需求没跟上,对不起各位用户. ArcBruTileBaidu插件有如下几个大的缺陷: 1. 需要下载安装包进行安装,极

ArcGIS API for JavaScript 4.4 版本加载谷歌地图

ArcGIS API for JavaScript 4.X 版本升级后,API发生了很大的变化. 其中就支持了WebEarth展示,主要是通过 esri/views/SceneView 实现的. 在新版本中,默认都是加载Esri自己的地图. 若想加载其他地图,可以通过扩展BaseTileLayer实现. 例如,最新版本加载谷歌地图的demo如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8&quo

ArcGIS API for Javascript 加载天地图（经纬度投影）

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

ArcGIS API for Javascript 加载天地图（墨卡托投影）

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>天地图底图加载(墨卡托版本)</title> <link rel="stylesheet" href="https://js.arcgis.com/3.21/esri/css/esri.css"> <script src="htt

ArcGIS api for javascript——加载查询结果，悬停显示信息窗口

转自原文 ArcGIS api for javascript——加载查询结果,悬停显示信息窗口描述本例在开始和地图交互前执行一个查询任务并加在查询结果.这允许用户鼠标悬停在任意郡县时立即见到InfoWindow.本例改变了信息窗口的默认行为,仅在鼠标单击时显示信息窗口. QueryTask构造函数接受被查询的图层,即ESRI sample server上ESRI_Census_USA服务的郡县图层(索引号是3). 注意这和地图使用的不是一个服务.地图使用来自ArcGIS Online的ESR

（转） Arcgis for js加载百度地图

http://blog.csdn.net/gisshixisheng/article/details/44853709 概述: 在前面的文章里提到了Arcgis for js加载天地图,在本节,继续讲解如何在Arcgis for js中加载百度地图. 效果: 地图影像-无标注影像-有标注实现: 第一,在此感谢http://www.cnblogs.com/chenyuming507950417/p/3343729.html这篇文章的主人,给了我很大的启发与帮助,因为一直在找相关的参数,都不对

Arcgis for js加载百度地图

看转:https://blog.csdn.net/qq_41046162/article/details/80248281 通过学习了一段时间的arcgis for js,让我来讲一下如何在arcgis for js加载百度地图. 加载的结果显示: 地图影像 - 无标注影像 - 有标注制作步骤: 首先,我是在学习了https://blog.csdn.net/gisshixisheng/article/details/44853709这篇文章,代码大多都是那里的,参数也都没错,但是复制过去还

ArcGIS API for Silverlight 加载google地图

原文:ArcGIS API for Silverlight 加载google地图 using System; using System.Net; using System.Windows; using System.Windows.Controls; using System.Windows.Documents; using System.Windows.Ink; using System.Windows.Input; using System.Windows.Media; using Syst

ArcGIS API for Silverlight加载google地图（后续篇）

原文:ArcGIS API for Silverlight加载google地图(后续篇) 之前在博客中(http://blog.csdn.net/taomanman/article/details/8019687)提到的加载google地图方案,因为google地址问题,看不到图了,发现是url地址变换造成的. 现将如下三个类公布出来,源码如下: using System; using System.Net; using System.Windows; using System.Windows.

arcgis 加载高德地图 es6的方式

目前很多arcgis 加载高德地图是dojo的方式外部引入文件,现在改成这种方式 /** * Created by Administrator on 2018/5/14 0014. */ import * as esriLoader from 'esri-loader' export const gaodeLayer = {} gaodeLayer.create = function (map) { esriLoader.dojoRequire(["dojo/_base/declare&quo

《ArcGIS Runtime SDK for Android开发笔记》——（13）、图层扩展方式加载Google地图

1.前言 http://mt2.google.cn/vt/lyrs=m@225000000&hl=zh-CN&gl=cn&x=420&y=193&z=9&s=Galil 通过图层扩展类的方式加载Google地图的是我们通常获取Google地图的一种方式,根据这种方式我们可以通过拼接地图瓦片Url字符串获取瓦片数据,关于Google瓦片算法的解析网上有很多,以下仅列出博客地址,及具体实现类. Google瓦片地图算法解析 :http://blog.csdn.n

ARCGIS FLEX API加载google地图、百度地图、天地图（转）

http://www.cnblogs.com/chenyuming507950417/ Flex加载google地图.百度地图以及天地图作底图一 Flex加载Google地图作底图 (1)帮助类GoogleLayer.as /* * 根据输入的地图类型加载Google地图(by chenyuming) */ package Layers { import com.esri.ags.SpatialReference; import com.esri.ags.geometry.Extent; i

（转）Openlayers 2.X加载高德地图

http://blog.csdn.net/gisshixisheng/article/details/44853881 概述: 前面的有篇文章介绍了Openlayers 2.X下加载天地图,本节介绍Openlayers 2.X下加载高德地图. 实现效果: 高德地图高德影像图中:蓝色的省市边界为我本机发布的,能够与高德地图很好地结合在一起. 实现: 实现很简单的,主要是要获取地图的url,在Arcgis for js加载百度地图一文(http://blog.csdn.net/gisshixis

Global Mapper如何加载在线地图

Global Mapper是一个比较好用的GIS数据处理软件,官网:http://www.bluemarblegeo.com/products/global-mapper.php ,除使用ArcGIS软件的处理数据外,这个软件也常用来处理数据,它不会像ArcGIS等大型商业GIS软件那样臃肿. 但是,以前它的颜值确实有点低,如下: 新的版本颜值有所提升,风格与国外开源软件类似,也和sketchup界面有点像. 颜色先不说,它的功能确实强大.可兼容各种地图和数据.例如可以将天地图的地图服务加载上去

（二十）ArcGIS JS 加载WMTS服务（超图示例）

前言在前一篇中说到我们可以通过加载WMS服务解决用ArcGIS API加载超图发布的服务,但是WMS服务在加载效率上是低于切片服务的,加上超图的IServer,无力吐槽,所以,在加载速度的要求下,切片的WMTS服务更符合要求. 加载WMTS服务的要点 identifier:图层标识tileMatrixSet:切片矩阵标识extent:加载范围spatialReference:控件参考version:WMTS服务版本号dpi:平铺方案的dpilods:定义切片方案的一系列细节层次. 实现效果实

（十九）ArcGIS JS 加载WMS服务（超图示例）

前言在工作中,需要在ArcGIS API for JavaScript中加载超图服务,因为超图的rest服务只可以用于Leaflet .openlayers3 (with MVT) .MapboxGL .Tianditu.com,在使用ArcGIS API是无法加载超图的rest服务的(我认知的). 在超图的superMap iServer中可以发布符合OGC规则的WMS服务,这时,我们可以通ArcGIS API加载WMS服务的形式加载超图服务. 加载WMS服务要点 visibleLay

更新！ArcMap和ArcGIS Pro加载百度影像地图

上一篇文章写了ArcMap和ArcGIS Pro中加载百度地图的方法一次没有把百度影像加载的功能开发出来,趁这几天有空整理了下加载方法按照上次那篇文章操作. 百度影像wmts加载地址:http://demo.cxgis.com/wmts/baidu/raster?request=getcapabilities 百度影像注记wmts加载地址:http://demo.cxgis.com/wmts/baidu/road?request=getcapabilities

OpenLayers加载高德地图离线瓦片地图

本文使用OpenLayers最新版本V5.3.0演示:如何使用OpenLayer加载谷歌地球离线瓦片地图.OpenLayers 5.3.0下载地址为:https://github.com/openlayers/openlayers/releases/download/v5.3.0/v5.3.0-dist.zip . 谷歌地球离线瓦片下载使用“迈高图-地图数据下载器”(以下简称:迈高图),演示数据以湖南省长沙市7~16级瓦片数据为例. 下载演示数据迈高图选择谷歌地球为当前地图源,地图图层选择为卫

Vue异步加载高德地图API

项目中用到了高德地图的API以及UI组件库,因为是直接把引入script写在index.html中,项目打包后运行在服务器,用浏览器访问加载第一次时会非常慢,主要原因是加载高德地图相关的js(近一分钟),用户体验非常不好. 于是在网上找了些资料,改成异步加载的方式.以下是实现方案: 1.首先定义一个asyncLoadJs.js(这里用到了AMap和AMapUI): // 异步加载高德地图API export function loadMP() { const mp = new Promise(f

arcgis JavaScript 加载 mapbox地图

热门专题