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

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

一、首先要添加在线的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代码，代码如下：

<scr
最低0.47元/天 解锁文章
MagicMHD
关注
  • 2
    点赞
  • 踩
  • 14
    收藏
    觉得还不错? 一键收藏
  • 6
    评论
专栏目录
Esri Maps For Office制作漂亮的地图
「 刘一哥与GIS的故事」
11-02 2470
ArcGISOnline是一个基于云架构的资源中心，在这里你可以发布自己的地图资源、浏览其它ArcGIS爱好者发布的应用程序；总之，它为我们提供了一个在线交流的场所。 EsriMapsForOffice是ArcGISonline推出的一个Office环境的插件，可以让我们在Excel、Powerpoint中进行制图，就像在Online中制图一样。 在Office制图需要一个订阅账户，订阅账户能向企业组织提供在线制图功能，可以引用online上的地图服务。 我们也创建自己的交互地图，叠加各种图表嵌入到p
【测评】 使用@arcgis/cli脚手架和esri-loader方式进行ArcGIS JS API开发的测评
X北辰北的博客
03-02 1821
概述 当我既写了esri-loader方式来进行ArcGIS JS API的开发文章，又写了@arcgis/cli脚手架的方式来进行ArcGIS JS API的开发文章之后，相信很多小伙伴看到后会产生“选择纠结症”，我到底该用哪种方式来进行ArcGIS JS API的开发呢？不要着急，我给你一个可供选择的参考，简单又实用： 如果项目已经在进行实施，中途可能需要用到ArcGIS JS API中的...
世界地图 ESRI Shapefile
09-30
世界地图 shpfile 格式文件 很好用的
esri官方地图地址
lvdou2518的专栏
03-21 3182
http://map.geoq.cn/arcgis/rest/services
WebGIS学习路线
最新发布
weixin_43416590的博客
07-15 718
公众号推送内容中，两个WebGIS学习路线图分别发布在3年前和1年前，虽然有很多的差异，但是他们的总体路线是差不多的。因此，我们的学习路线也可以向他们借鉴得到：1、开源GIS桌面软件；2、基本Web语言；3、JavaScript制图库（libraries）或服务（utilities）；4、地图服务器；5、后端和数据库；6、前端框架、SDI Platforms、Ceisum等。由此可见，WebGIS的学习是一个复杂、全面的学习过程。
移动GIS开发之加载Esri地图
自己写着玩的
09-28 3398
选择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 3274
上一期我们分享了必应的卫星地图，优势相较其他图源更新频率更加勤快，缺点也明显，无法查验影像详细的拍摄日期，但是，我们可以通过Bing API指定经纬度坐标查询影像采集的时间**范围**，注意我们这里用到了”范围“，这说明微软并没有公布影像元数据以及历史影像切换的接口，至此必应图源系列完美收官了。关于Bing Map API的密钥申请步骤可自行点击下方链接：必应地图门户：成功申请密钥之后，通过在浏览器搜索栏输入下方URL即可查询某个经纬度坐标的影像拍摄范围啦。
webGIS从基础到开发实践-案例
11-01
本资源“webGIS从基础到开发实践-案例”提供了一个从入门到实践的完整学习路径，涵盖了一系列的WebGIS开发案例。 1. **WebGIS基础概念** - **GIS（地理信息系统）**：一种能够存储、处理、分析和展示地理信息的...
arcgis api 3.x for js 入门开发系列十七在线天地图、百度地图、高德地图源码
04-01
《ArcGIS API 3.x for JS 入门开发：在线地图服务集成》 在WebGIS开发领域，Esri的ArcGIS API for JavaScript是一款强大的工具，它允许开发者创建交互式的地图应用。本篇将深入探讨使用ArcGIS API 3.x版本集成在线...
ArcGIS-API-for-JavaScript入门教程
07-06
ArcGIS 是一个由 ESRI（环境系统研究所）提供的地理信息系统（GIS）平台，它支持数据采集、管理、分析、映射以及共享等多种功能。ArcGIS 平台以 WebGIS 为核心，包括门户网站、应用程序、内容和基础设施等多个组成...
WEBGIS开发1-地图资源部署及加载
weixin_42276227的博客
02-01 918
基于Cesium的Mars3D进行三维地图的加载及相关功能的实现
esri/basemaps 底图服务
ScapeD的博客
07-27 3229
[AMD模块要求] require （[ “esri / basemaps ” ]，function （esriBasemaps ）{ / * code goes here * / }）; 描述 此类包含引用JS API中使用的默认底图的属性，允许您将地图服务添加为Web应用程序中的默认底图。 应用此类主要用于自定义地图服务作为底图时。使用AcrGIS提供的默认的底图作...
使用arcgis加载天地图html篇
weixin_44614518的博客
03-09 922
直接上代码！ <!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 Maps for Office使用揭秘
关注ArcGIS Server技术！
08-10 4044
Esri Maps for Office，是Esri为微软Office软件量身定制的地图工具（Add-ins），可以帮助商务人士直接在Office软件中创建和共享交互式地图，可在微软Office软件中加入位置分析功能，使更多的用户群体和机构享用到地图和地理空间分析功能。   Esri Maps for Office是ArcGIS Online的一部分，要使用必须订阅online。可以免费试
esri-loader 3.x区域地图按需选择
zhy的博客
01-04 417
样式 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 2229
一、前言 这里，我们直接从一个项目开始。边做边学边补充自己的技术栈。而今天，我们利用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 2814
一、简介 属于ArcGIS Online产品 Microsoft Office产品插件 创建交互地理视图在office中 系统运行环境：office2010 ppt excel 下载地址：http://www.esri.com/software/esri-maps-for-office/free-trial 二、运行环境要求 ArcGIS Online账号 Windows XP (
ArcGIS使用（一）创建ArcGIS应用
duguyuyun12345的博客
06-19 1135
ArcGIS官方文档：https://developers.arcgis.com/javascript/ 第一章、认识和使用ArcGIS 1 ArcGIS for js 4.x 使用的是4.15 版本,ArcGIS 每个版本之间有差别，3 和4 的差别有点大 4 地图可以2D或3D显示，修改了绘图逻辑，地图和图层不在处理逻辑，而是由view处理视图专门用于可视化地图或场景中的 数据。地图包含要显示的实际数据或图层，而视图则处理显示的数据。 4.x多了MapV...
评论 6
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值