ArcGis Polyline的一些操作

最新推荐文章于 2024-08-15 10:47:57 发布

xibudefangniuwa

最新推荐文章于 2024-08-15 10:47:57 发布

阅读量1.5k

点赞数

文章标签： html5 javascript arcgis

本文链接：https://blog.csdn.net/xibudefangniuwa/article/details/103680490

版权

这篇博客详细介绍了在ArcGIS中进行Polyline绘制的操作，包括如何获取折线顶点，添加路径以及设置样式等核心步骤。通过HTML代码实现地图上的折线绘制功能。

摘要由CSDN通过智能技术生成

ArcGis 绘制折线的一些操作(获取折线顶点，添加path，设置样式等）

在这里插入图片描述

html代码

// An highlighted block
<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>ArcGIS API for JavaScript Hello World App</title>
  <style>
   html, body, #viewDiv {
   
      padding: 0;
      margin: 0;
      height: 100%;
      width: 100%;
    }
  </style>
 <link rel="stylesheet" href="https://js.arcgis.com/4.13/esri/css/main.css">
 <script src="https://js.arcgis.com/4.13/"></script>
 <script>
	require([
	"esri/Map", 
	"esri/views/MapView",
	"esri/geometry/Polyline",
	"esri/Graphic",
	"esri/views/draw/Draw",
	"esri/geometry/geometryEngine",
	"esri/layers/GraphicsLayer"
	], function(Map, MapView,Polyline,Graphic,Draw,geometryEngine,GraphicsLayer) {
   
		var graphicsLayer=new GraphicsLayer();
		var map = new Map({
   
			basemap: "hybrid",
			layers:[graphicsLayer]
		});
		var view = new MapView({
   
			container: "viewDiv",
			map: map,
			center: [-80, 35],
			zoom: 3,
			highlightOptions: {
   
				color: "blue"
			}
		});
		var draw=new Draw({
   
			view:view
		});
		//折线样式
		var lineSymbol = {
   
			type: "simple-line", // autocasts as new SimpleLineSymbol()
			color: [226, 119, 40], // RGB color values as an array
			width: 4
		};
		view.ui.

最低0.47元/天解锁文章

xibudefangniuwa

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
ArcGis Polyline的一些操作

ArcGis 绘制折线的一些操作(获取折线顶点，添加path，设置样式等）html代码// An highlighted block<html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta name="viewport" c...
复制链接

扫一扫