arcgis api for js 4.15 引入地图

最新推荐文章于 2024-06-27 01:24:19 发布

weixin_42914527

最新推荐文章于 2024-06-27 01:24:19 发布

阅读量597

点赞数 1

本文链接：https://blog.csdn.net/weixin_42914527/article/details/106855691

版权

arcgis api for js 4.15 引入地图

1.开始

<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	
	<link rel="stylesheet" href="http://js.arcgis.com/4.15/esri/themes/light/main.css"/>
	<script src="http://js.arcgis.com/4.15/"></script>
	<title>Intro to layers - 4.15</title>
	<style>
		html, body, #viewDiv {
			padding: 0;
			margin: 0;
			height: 100%;
			width: 100%;
		}
	</style>
	<script type="text/javascript">
	// 引入arcgis相关模块
	require([
			"esri/Map",
			"esri/views/MapView",
			"esri/layers/TileLayer",
			"esri/widgets/Search",
			"esri/geometry/Point",
			"esri/symbols/SimpleMarkerSymbol",
			"esri/Graphic",
			"esri/layers/GraphicsLayer"
		], function(Map, MapView, TileLayer, Search, Point, SimpleMarkerSymbol, Graphic, GraphicsLayer) {
		// 要引入的地图
		var layer = new TileLayer({
				url: "https://whyt-web-gis.ap.whchem.com/server/rest/services/PRD_FCS/PRD_YT_OverallVector/MapServer"
			});
			
			// 将地图添加到map
			var map = new Map({
				basemap: "osm",
				layers:[layer]
			});

			var view = new MapView({
				container: "viewDiv",
				map: map,
				center: [121.077,37.689],
				zoom: 15
			});

			var search=new Search({
				view:view
			})
			</script>

</head>
<body>
<div id="viewDiv"></div>
</body>
</html>

在这里插入图片描述

weixin_42914527

关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
arcgis api for js 4.15 引入地图

arcgis api for js 4.15 引入地图1.开始 <link rel="stylesheet" href="http://js.arcgis.com/4.15/esri/themes/light/main.css"/><script src="http://js.arcgis.com/4.15/"></script><title>Intro to layers - 4.15</title><style>
复制链接

扫一扫