WebGIS入门（一）--------在线加载ESRI地图

最新推荐文章于 2025-05-15 14:54:01 发布
最新推荐文章于 2025-05-15 14:54:01 发布
阅读量7.4k 收藏 14
点赞数 2
CC 4.0 BY-SA版权
分类专栏： WebGIS实战
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/MagicMHD/article/details/81389077
本文介绍了如何使用WebGIS入门加载ESRI地图，包括添加arcGIS的CSS和JS库，创建放置地图的div，编写JavaScript代码来设置地图对象，并调整地图样式使其充满屏幕，提供了一个完整的加载世界地图的示例代码。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

一、首先要添加在线的arcGIS的样式css库和js库，代码如下：

<link rel="stylesheet" href="http://js.arcgis.com/3.11/dijit/themes/claro/claro.css">
<script src="http://js.arcgis.com/3.11/"></script>

这里另外再提一点，arcgis api for javascript提供了下面几种css样式：

http://js.arcgis.com/3.11/dijit/themes/claro/claro.css
http://js.arcgis.com/3.11/dijit/themes/tundra/tundra.css
http://js.arcgis.com/3.11/dijit/themes/nihilo/nihilo.css
http://js.arcgis.com/3.11/dijit/themes/soria/soria.css

大家可以根据不同的样式风格进行选择。

二、在body部分加入一个放置地图的div，代码如下：

<body class="claro">
		<div id="mapDiv"></div>
</body>

三、开始编写js代码，代码如下：

<
最低0.47元/天 解锁文章
Esri Maps For Office制作漂亮的地图
「 刘一哥与GIS的故事」
11-02 2533
ArcGISOnline是一个基于云架构的资源中心，在这里你可以发布自己的地图资源、浏览其它ArcGIS爱好者发布的应用程序；总之，它为我们提供了一个在线交流的场所。 EsriMapsForOffice是ArcGISonline推出的一个Office环境的插件，可以让我们在Excel、Powerpoint中进行制图，就像在Online中制图一样。 在Office制图需要一个订阅账户，订阅账户能向企业组织提供在线制图功能，可以引用online上的地图服务。 我们也创建自己的交互地图，叠加各种图表嵌入到p
使用arcgis加载天地图html篇
weixin_44614518的博客
03-09 1025
直接上代码！ <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>加载天
世界地图 ESRI Shapefile
09-30
世界地图 shpfile 格式文件 很好用的
esri官方地图地址
lvdou2518的专栏
03-21 3336
http://map.geoq.cn/arcgis/rest/services
Web GIS可视化地图框架Leaflet、OpenLayers、Mapbox、Cesium、ArcGis for JavaScript
最新发布
Anything2207294253的博客
05-15 1728
本文介绍了五种常用的WebGIS地图框架：Mapbox、OpenLayers、Leaflet、ArcGIS for JavaScript和Cesium，以及常见的3D库和高德地图、百度地图。Mapbox专注于高性能的交互式地图渲染，支持自定义地图风格和数据源；Leaflet轻量级且易于使用，适合快速开发；OpenLayers支持多种数据源和地图格式，适合复杂地图功能；ArcGIS for JavaScript与Esri产品紧密集成，适合GIS应用；Cesium提供强大的3D地理空间分析和可视化功能。
移动GIS开发之加载Esri地图
自己写着玩的
09-28 3534
选择AndroidStudio进行简单的移动GIS开发，添加一个Esri的公共地图。 目录 1、新建项目 2、选择Android系统版本 3、添加空白例子 4、输入Activity Name 5、配置Esri的在线SDK 6、添加网络权限 7、将MapView添加到布局中 8、在MapView里设置地图 9、点击运行开始 1、新建项目 输入项目名称和公司名称。 2、选...
地图图源＃ESRI ArcGIS XYZ Tiles系列（TMS）
GIS学习的专栏
04-21 6320
上一期我们分享了必应的卫星地图，优势相较其他图源更新频率更加勤快，缺点也明显，无法查验影像详细的拍摄日期，但是，我们可以通过Bing API指定经纬度坐标查询影像采集的时间**范围**，注意我们这里用到了”范围“，这说明微软并没有公布影像元数据以及历史影像切换的接口，至此必应图源系列完美收官了。关于Bing Map API的密钥申请步骤可自行点击下方链接：必应地图门户：成功申请密钥之后，通过在浏览器搜索栏输入下方URL即可查询某个经纬度坐标的影像拍摄范围啦。
WEBGIS开发1-地图资源部署及加载
weixin_42276227的博客
02-01 1039
基于Cesium的Mars3D进行三维地图的加载及相关功能的实现
esri/basemaps 底图服务
ScapeD的博客
07-27 3395
[AMD模块要求] require （[ “esri / basemaps ” ]，function （esriBasemaps ）{ / * code goes here * / }）; 描述 此类包含引用JS API中使用的默认底图的属性，允许您将地图服务添加为Web应用程序中的默认底图。 应用此类主要用于自定义地图服务作为底图时。使用AcrGIS提供的默认的底图作...
开源项目教程：Esri Maps App for Android
gitblog_00615的博客
09-09 1156
开源项目教程：Esri Maps App for Android 1. 项目介绍 Esri Maps App for Android 是一个开源的 Android 应用程序，旨在帮助开发者快速构建基于地图的应用。该项目由 Esri 公司维护，提供了丰富的地图功能和 API，支持开发者在其基础上进行定制和扩展。 主要功能 地图显示：支持多种地图类型，包括矢量地图、卫星地图等。 地理编码：提供地址到...
Esri Maps for Office使用揭秘
关注ArcGIS Server技术！
08-10 4168
Esri Maps for Office，是Esri为微软Office软件量身定制的地图工具（Add-ins），可以帮助商务人士直接在Office软件中创建和共享交互式地图，可在微软Office软件中加入位置分析功能，使更多的用户群体和机构享用到地图和地理空间分析功能。   Esri Maps for Office是ArcGIS Online的一部分，要使用必须订阅online。可以免费试
esri-loader 3.x区域地图按需选择
zhy的博客
01-04 455
样式 html版本 <!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&
【WebGIS初学到入职】（三）从Web地图实例出发
ReBeX
09-26 2427
一、前言 这里，我们直接从一个项目开始。边做边学边补充自己的技术栈。而今天，我们利用OpenLayers来完成一张地图的展示。 首先，你需要： 掌握HTML 熟悉CSS 了解JavaScript 有GIS基础 二、开始 <!DOCTYPE html> <html> <head> <title>加载OSM地图</title> <link href="https://openlayers.org/en/v6.5.0/css/
Esri Maps for Office使用方法与示例应用
GIS大奔
12-06 2893
一、简介 属于ArcGIS Online产品 Microsoft Office产品插件 创建交互地理视图在office中 系统运行环境：office2010 ppt excel 下载地址：http://www.esri.com/software/esri-maps-for-office/free-trial 二、运行环境要求 ArcGIS Online账号 Windows XP (
arcgis中map属性方法
zxq520131422222的博客
12-28 1万+
花了财富值下载的   贡献给大家  别忘记点个赞 类: Map 描述 esri.Map类创建一个容器和为增加图层，图形，信息窗口和其它导航控件所必需的DOM结构。  地图通常使用DIV添加到页面。地图的宽度和高度被初始化为DIV容器的宽度和高度。  第一个图层添加到地图后，Map.onLoad事件被触发。此时，map对象的功能可以完全使用了。Map.onLoad的
Arcgis在线地图资源
拾光、的样子
09-13 2053
在线地图url资源
Arcgis for js加载百度地图
爱吃肉的熊猫
03-26 4893
概述： 在前面的文章里提到了Arcgis for js加载天地图，在本节，继续讲解如何在Arcgis for js中加载百度地图。 效果： 地图 影像-无标注 影像-有标注 实现： 第一，在此感谢http://www.cnblogs.com/chenyuming507950417/p/334372
ArcGIS中加载各种在线地图
热门推荐
GIS学习的专栏
08-10 1万+
复制密钥和需要的图层服务地址，同之前一样双击添加WMTS服务器，将图层的服务地址粘贴至URL右侧，将密钥粘贴至参数的值，点击获取图层，点击确定即可在目录中看到在线地图图层，另外10.2版本的ArcMAP由于没有自定义参数这一栏，将密钥直接写在图层的服务地址后面即可。在新弹出的网页内可以看到有很多在线服务的地址，但这些地址后面均附有【您的密钥】这几个字，这代表要使用这些在线服务是要有一定权限的，我们只需点击申请Key，按流程申请即可。点击左上角的WMTS，跳转到一个全是代码的页面，复制其网址。
ArcGIS Pro 3.0加载在线高德地图
m0_65745337的博客
06-12 2648
3、在显示的Add Layer from Web页面内，类型选择A Tile Layer，下面输入需要加载的TMS服务的链接，再下面勾选上Use as Basemap，下面输入Title和Credits，如下图所示。10、选择后会下载一个名为item.pkinfo的文件，下载后使用ArcGIS Pro打开即可看到刚才加载的那个TMS服务的地图，如下图所示。9、点击Save回到之前的页面，点击三个点，选择Open in ArcGIS Pro，如下图所示。7、在显示的页面内点击负责权限管理的按钮，如下图所示。
评论 6
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值