Arcgis api for js加载底图

最新推荐文章于 2022-04-25 09:57:19 发布
最新推荐文章于 2022-04-25 09:57:19 发布
阅读量1.2k 收藏 1
点赞数
文章标签： 地图
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_40713537/article/details/88667710
版权 
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>GIS共享服务平台</title>
		<meta name="keywords" content="GIS共享服务平台">
		<meta name="description" content="GIS共享服务平台">
		<meta name="renderer" content="webkit">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="format-detection" content="telephone=no">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<meta http-equiv="X-UA-Compatible" content="IE=8" />

		<!-- 引入对应的arcgis文件 -->
		<link rel="stylesheet" type="text/css" href="http://10.190.55.55/arcgis_js_api3.24/library/3.24/3.24/esri/css/esri.css" />
		<script src="http://10.190.55.55/arcgis_js_api3.24/library/3.24/3.24/init.js"></script>
		<script type="text/javascript">
			initMap();

			function initMap() {
				// 引入相关的包
				require([
					'esri/map',
					"esri/layers/ArcGISTiledMapServiceLayer",
					'dojo/domReady!'
				], function(Map, ArcGISTiledMapServiceLayer) {
					// 在页面元素中加入地图容器
					map = new Map("mapDiv", {
						zoom: 4
					});
					//在地图容器中添加底图图层
					var tileLayer = new ArcGISTiledMapServiceLayer(
						"http://10.190.55.55:8080/arcgis1/rest/services/FTKSJ/DLG_ZQ_FT_DB_CGCS2000/MapServer", {
							"opacity": 1
						});
					map.addLayer(tileLayer);
				});
			}
		</script>
		<style type="text/css">
			#mapDiv {
				height: 900px;
				width: 1650px;
			}
		</style>
	</head>
	<body style="background-color: #ffffff;" id="sceen">
		<div id="mapDiv" class="map">

		</div>
	</body>

</html>

 

Vincer_DB
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
arcgis api for js一arcgis api离线部署
ChibiMarukoChan的博客
02-26 3893
（1）官网下载arcgis api，官网下载最新版本api的地址：https://developers.arcgis.com/downloads/；、      注意：用户需要先注册才能下载，本人下载版本为4.6 （2）widow10配置IIS 测试是否配置成功：浏览器 输入localhost ,出现以下页面：   （3）下载的压缩包如下： 存放目录：   （4...
arcgis api for js开发心得
芙兰泣露的博客
07-10 2583
arcgis js开发笔记
arcgis 自定义范围查询图层
QQ24382327博客
06-17 2504
应用场景：在地图上自定义绘制一个范围，查询范围内某图层的数据并展示。 思路： 1. 运用arcgis api的draw工具中的polygon绘制不规则面图形 2. 建立queryTask查询，将绘制的面图形范围当做查询范围 3.遍历查询回调函数，将数据展示(展示用了vue做了个弹窗) 为了测试方便，代码里所引用的css和js都来自网上链接，地图引用的也是arcgis在线地图，有一定的不稳定性。 直接上代码...
ArcGIS API for JavaScript - 将图片设为map的底图
沉默是零吗的博客
08-20 3841
1，问题引出 我们在开发web应用时，需要一些地图作为我们的底图。ArcGIS API给我们提供了样式众多的basemap,我们还可以使用ArcgisOnline提供的一些地图服务以及自己发布的一些地图服务。然而有时候我们不需要在这个底图服务上实现一些操作功能，只是用其作为展示，因此将他发布为地图服务显得没有必要。 2，如何解决 ArcGIS API："esri/l...
ArcGIS API for JavaScript 3.X 加载 ArcGIS Server 图层服务
z小迪迪的博客
10-26 1304
文章目录一、配置 ArcGIS API for JavaScript 使用环境二、编辑底图，使用Esri自带的底图（osm）三、操作加载图层服务及移除图层服务四、完整代码 一、配置 ArcGIS API for JavaScript 使用环境 这里以3.38版本为例，具体因需求而定（推荐使用最新版）。 <link rel="stylesheet" href="https://js.arcgis.com/3.38/dijit/themes/claro/claro.css"> <link re
arcgis for js 4.x 笔记（10） 关于离线地图配置（通过地图下载器下载地图后，不通过arcgisServer发布，直接通过WebTitleLayer加载）
Jos
09-22 865
关于离线地图配置（通过地图下载器下载地图后，不通过arcgisServer发布，直接通过WebTitleLayer加载） 1.下载地图 首先你需要一个地图下载器，这里我以全能地图下载为例，也给出对应软件的下载链接 链接：百度云下载链接 提取码：7qcw 这里以深圳下载链接为例 这个软件就很简单，不用过多赘述 2，发布地图 因为直接把地图房子项目里面加载是十分卡或者慢，百分之八十加载不出来，所以就通过IIS发布 然后发布就行，这里我发布的地址为 http://localhost:2674/roadmap
arcgis for js 4.x加载百度地图切片
weixin_42496466的博客
04-25 2217
一、加载方式 通过 'esri/layers/WebTileLayer' 重写 getTileUrl函数加载百度地图切片 二、实现源码 <html> <head> <meta charset="utf-8" /> <meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no" /> <title>
ArcGIS API for JavaScript4.10加载高德地图
01-16
在本文中，我们将深入探讨如何使用ArcGIS API for JavaScript 4.10版本来加载高德地图，并结合高德地图的影像数据，实现自定义的GaodeMapLayer模块。ArcGIS API for JavaScript是一个强大的Web GIS开发工具，它允许...
ArcGIS API for JavaScript4.10加载腾讯地图
01-19
在本文中，我们将深入探讨如何使用ArcGIS API for JavaScript 4.10版本来加载腾讯地图，包括矢量地图、影像、地形图以及暗色矢量图。ArcGIS API for JavaScript是一个强大的工具，允许开发人员在Web应用中集成地理...
ArcGIS API for JavaScript3加载高德地图
12-21
c) 初始化地图：使用ArcGIS API的Map对象创建地图，并指定高德地图作为底图。 d) 加载图层：通过设置basemap属性或添加TiledMapServiceLayer来加载高德地图服务。 4. 加载影像地图： 影像地图通常包含卫星或航空...
Arcgis for javascript 加载天地图及自定义图
11-13
Arcgis for javascript 加载天地图及自定义图
arcgis js api 加载天地图底图
06-13
使用arcgis for js api 加载天地图底图，包含天地图图层：矢量图、影像图、矢量标注、影像标注、水系、区域边线、道路图层，下载后可直接运行。
ArcGIS API for JavaScript加载百度地图代码
09-13
在IT行业中，ArcGIS API for JavaScript是一个广泛使用的地理信息系统（GIS）开发工具，...通过不断学习和实践，你可以熟练掌握ArcGIS API for JavaScript加载百度地图的技术，为用户提供更丰富、更个性化的地图应用。
ArcGIS API for js4.15加载高德地图作为底图
12-25
在这个场景中，我们关注的是如何在ArcGIS API for js4.15版本中加载高德地图作为底图，以替代可能在某些客户机上表现不佳的OpenStreetMap（OSM）。 首先，我们需要理解为什么在某些情况下会选择高德地图替代OSM。...
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
arcGIS api for JS 加载arcgisserver 类型的底图png瓦片
shileimohan的专栏
09-19 1175
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Portland Tile Server</title> <link rel="styles...
图片瀑布流，so easy！
前端队长Daotin
11-08 435
什么是图片瀑布流 用一张花瓣网页的图片布局可以很清楚看出图片瀑布流的样子： 简单来说，就是有很多图片平铺在页面上，每张图片的宽度相同，但是高度不同，这样错落有致的排列出 n 列的样子很像瀑布，于是就有了瀑布流图片一说。 实现原理 1、第一种方式 第一种方式前提是：图片的宽度固定，但是列可变(根据屏幕大小) 通过上面的介绍，我们知道要实现瀑布流的前提是宽度一致(假如为100px)，高...
ArcGIS API for JavaScript 入门教程[5] 再讲数据——Map类之底图与高程
whyrookie的博客
09-13 553
【回顾】前4篇交代了JsAPI的背景、资源如何获取，简介了数据与视图分离的概念与实现，剖析了页面的大骨架。 这篇开始，讲Map类。 转载注明出处，博客园/CSDN/B站/知乎：秋意正寒 目录：https://www.cnblogs.com/onsummer/p/9080204.html 1. Map类的属性与方法 Map类继承自Accessor，有子类WebMap , WebScene。 这玩意儿是什么？通俗说，Map就是一张地图，它属于数据部分，需要用视图展示它。 视图，在jsAPI中，就是...
基于Arcgis Server的地图封装Javascript类定义
hsg77的专栏
03-28 4126
基于Arcgis Server的地图封装Javascript类定义 MapCwgisAOClass.js //web地图封装类 //MapCwgisAOClass类的定义 //vp:hsg //create date:2013-09-10 //调用页面需要加载库dojo.require("esri.map"); //类 原型定义 var MapCwgisAOClass = functi
arcgis js api如何加载自定义底图
最新发布
05-27
ArcGIS API for JavaScript支持加载自定义底图，您可以通过以下步骤来加载自定义底图： 1. 定义自定义底图的图层：您可以使用ArcGIS Online或ArcGIS Server等平台创建自定义地图服务，或者使用本地数据来定义图层。 2. 创建地图对象：使用自定义底图图层和其他地图服务创建地图对象。 3. 创建地图视图：创建地图视图对象，指定地图对象和其他视图属性，如缩放级别和中心点。 4. 将地图视图添加到页面中：将地图视图对象添加到页面中的HTML元素中。 以下是一个使用自定义底图的示例代码： ```HTML <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no"> <title>加载自定义底图示例</title> <link rel="stylesheet" href="https://js.arcgis.com/4.18/esri/themes/light/main.css"> <script src="https://js.arcgis.com/4.18/"></script> <style> html, body, #viewDiv { padding: 0; margin: 0; height: 100%; width: 100%; } </style> <script> require([ "esri/Map", "esri/views/MapView", "esri/layers/TileLayer" ], function(Map, MapView, TileLayer) { // 创建自定义底图图层 var customBasemapLayer = new TileLayer({ url: "https://myserver.com/mycustombasemap/{z}/{x}/{y}.png" }); // 创建地图对象 var map = new Map({ basemap: { baseLayers: [customBasemapLayer] } }); // 创建地图视图 var view = new MapView({ container: "viewDiv", map: map, center: [-122.4194, 37.7749], zoom: 12 }); }); </script> </head> <body> <div id="viewDiv"></div> </body> </html> ``` 在这个例子中，我们创建了一个自定义底图图层，指定了其URL地址，并将其作为地图对象的底图图层。然后，我们创建了一个地图视图对象，将地图对象和其他视图属性传递给它，并将其添加到一个HTML div中。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值