arcgis 箭头

最新推荐文章于 2023-07-21 09:20:01 发布

狗洗发

最新推荐文章于 2023-07-21 09:20:01 发布

阅读量789

点赞数

文章标签： arcgis

本文链接：https://blog.csdn.net/jbzdpytrwe/article/details/108273535

版权

<!DOCTYPE html>
<html>

   <head>
       <meta charset="utf-8" />
       <meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no" />
       <title>Intro to graphics | Sample | ArcGIS API for JavaScript 4.16</title>

               var view = new MapView({
                   center: [-80, 35],
                   container: "viewDiv",
                   map: map,
                   zoom: 3
               });

var lineSymbol = {
type: "simple-line", // autocasts as SimpleLineSymbol()
color: [226, 119, 40],
width: 4
};

               var lineSymbol1 = {
                   type: "cim", // autocasts as CIMSymbol
                   data: {
                       type: "CIMSymbolReference",
                       symbol: {
                           type: "CIMLineSymbol",
                           symbolLayers: [{
                                   type: "CIMSolidStroke",
                                   enable: "false",
                                   width: 1,
                                   color: [0, 0, 0, 255]
                               },
                               {
                                   // arrow symbol
                                   type: "CIMVectorMarker",
                                   enable: true,
                                   size: 5,
                                   markerPlacement: {
                                       type: "CIMMarkerPlacementAlongLineSameSize", // places same size markers along the line
                                       endings: "WithMarkers",
                                       placementTemplate: [19.5] // determines space between each arrow
                                   },
                                   frame: {
                                       xmin: -5,
                                       ymin: -5,
                                       xmax: 5,
                                       ymax: 5
                                   },
                                   markerGraphics: [{
                                       type: "CIMMarkerGraphic",
                                       geometry: {
                                           rings: [
                                               [
                                                   [-8, -5.47],
                                                   [-8, 5.6],
                                                   [1.96, -0.03],
                                                   [-8, -5.47]
                                               ]
                                           ]
                                       },
                                       symbol: {
                                           // black fill for the arrow symbol
                                           type: "CIMPolygonSymbol",
                                           symbolLayers: [{
                                               type: "CIMSolidFill",
                                               enable: true,
                                               color: [0, 0, 0, 255]
                                           }]
                                       }
                                   }]
                               }
                           ]
                       }
                   }
               }

               var polylineGraphic = new Graphic({
                   geometry: {
                       type: "polyline", // autocasts as new Polyline()
                       paths: [
                           [-111.3, 52.68],
                           [-98, 49.5],
                           [-93.94, 29.89]
                       ]
                   },
                   symbol: lineSymbol1,
                   attributes: {
                       Name: "Keystone Pipeline",
                       Owner: "TransCanada",
                       Length: "3,456 km"
                   },
                   popupTemplate: {
                       // autocasts as new PopupTemplate()
                       title: "{Name}",
                       content: [{
                           type: "fields",
                           fieldInfos: [{
                                   fieldName: "Name"
                               },
                               {
                                   fieldName: "Owner"
                               },
                               {
                                   fieldName: "Length"
                               }
                           ]
                       }]
                   }
               });

               view.graphics.add(polylineGraphic);
           });
       </script>
   </head>

</html>

狗洗发

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
arcgis 箭头

<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no" /> <title>Intro to graphics | Sample | ArcGIS API for J...
复制链接

扫一扫