ArcGIS API for JS中为Graphic(以Point为例)设置PictureMarkerSymbol

最新推荐文章于 2022-03-02 17:02:26 发布
最新推荐文章于 2022-03-02 17:02:26 发布
阅读量774 收藏
点赞数
文章标签： javascript arcgis
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_45661948/article/details/118799825
版权
本文详细介绍了如何在ArcGIS中创建点对象，为其设置符号以增强视觉效果，利用Graphic对象存储并管理这些点，同时通过调整graphic属性以提供丰富的信息展示。最后，通过InfoTemplate来实现根据点属性定制详细信息的交互展示。
摘要由CSDN通过智能技术生成

1.创建Point

2.为Point设置Symbol

3.使用graphic存储创建好的点

4.设置graphic的属性

5.根据属性设置InfoTemplate


                

        

        

    




    

      

        

            

              
                
                  CoderL!
                
              
            

            

                关注
              
            

        

        

          
    
            
  • 
              
                
                
                
                
                      0
                
              
              
    点赞
    
            
    • 
            
  • 
              
                
                
                
              
              
    踩
    
            
    • 
            
  • 
              
                
                
                
                
                    0
                
              
              
    
                
    
                  
                    收藏
                  
                
    
              
    
              
    
                
    
                  觉得还不错?
                  
                    一键收藏
                  
                 
                
    
              
    
            
    • 
          
  • 
            
    
              
              
            
    
              
              
              
                    0
              
            
            
    评论
    
          
    • 
          
  • 
          
    • 
          
  • 
            
              
            
              
    
            
              
                
            
    
          
    • 
        

      

      










                



	

		

			

				
					
ArcGIS API for JavaScript 3.x 加载Point点上图

				
			

			

				

					一碗老面的博客
				

				

					09-06
					
					1257
					
				

			

		

		

			
				
<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>数据上图</title>
    <link rel="sty.

			
		

	



                

              
                



	

		

			

				
					
Vue项目使用ArcGIS JS添加PictureMarkerSymbol

				
			

			

				

					GIS小虫的博客
				

				

					08-19
					
					1017
					
				

			

		

		

			
				
之前添加外部的图片作为symbol时图片路径一直有问题。有两种方式，一种是图片放到nginx或tomcat里，在symbol的url里使用绝对路径，这种适合图片可能动态增加或修改的情况。另一种如下


  private addPoint(angle: number) {
    this.view.graphics.removeAll();
    const symbol = {
      type: 'picture-marker',
      url: require('../assets/im

			
		

	



                


  
              

                


	

		

			

				
					
ArcGIS API for JavaScript开发之PictureMarkerSymbol

				
			

			

				

					weixin_45752569的博客
				

				

					06-11
					
					2164
					
				

			

		

		

			
				
ArcGIS API for JavaScript 开发PictureMarkerSymbol（1）angle（2）height（3）type（4）url（5）width（6）xoffset（7）yoffset
PictureMarkerSymbol
require(["esri/symbols/PictureMarkerSymbol"], function(PictureMarkerSymbol) { /* code goes here */ });

使用图像在2D MapView或3D SceneVi

			
		

	





	

		

			

				
					
arcgis100添加自定义标注(PictureMarkerSymbol)

				
			

			

				

					weixin_34217773的博客
				

				

					02-20
					
					1188
					
				

			

		

		

			
				
最近在做一个关于空气质量的app,需要在地图标注各个城市的名称、空气质量等级.但是如果显示呢?arcgis 只提供了PictureMarkerSymbol和SimpleMarkerSymbol.那我们就把布局转换成Drawable用PictureMarkerSymbol显示.

1.创建布局

View view = LayoutInflater.from(getActivity()).infla...

			
		

	



		

			
		



	

		

			

				
					
arcgis api for js 4.4 画点图符号

				
			

			

				

					herogui的专栏
				

				

					11-05
					
					1710
					
				

			

		

		

			
				
     //test
let _this = this;  
       esriLoader.dojoRequire(
              [
                "esri/Graphic",
                "esri/symbols/SimpleMarkerSymbol",
                "esri/geometry/Point",...

			
		

	





	

		

			

				
					
ArcGIS API for JavaScript 实现point multipoint line polyline cirle等graphics的绘制

				
			

			

				

					idomyway的博客
				

				

					10-13
					
					3015
					
				

			

		

		

			
				
需求在网页中画graphics是webGIS的基础操作，也是一些webGIS操作的基础。画graphics一般是用到的是esri/toolbars/draw 实现的，通过对官网的实例改进。
效果截图源代码<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8

			
		

	





	

		

			

				
					
ArcGIS API for JavaScript v3.3下载（api + sdk开发包）

				
			

			

				

					10-06
				

			

		

		

			
				
《ArcGIS API for JavaScript v3.3：开启地图应用开发之旅》  ArcGIS API for JavaScript v3.3是Esri公司推出的一款强大的Web地图开发工具，适用于构建交互式的地图应用程序。该版本发布于2012年12月，为开发者提供...

			
		

	





	

		

			

				
					
arcgis api for javascript v4.23

				
			

			

				

					06-26
				

			

		

		

			
				
《ArcGIS API for JavaScript v4.23：深入解析与应用》  ArcGIS API for JavaScript是Esri公司推出的一款强大的地图开发工具，主要用于构建交互式的Web GIS应用。v4.23版本作为其一个重要更新，引入了众多新特性和...

			
		

	





	

		

			

				
					
ArcGis-for-javaScript最全中文API.pdf

				
			

			

				

					06-28
				

			

		

		

			
				
ArcGIS JavaScript API 介绍与示例  ArcGIS JavaScript API 是 ESRI 提供的一种基于 JavaScript 的开发工具，允许开发者创建交互式的 Web 地图应用程序。本文将对 ArcGIS JavaScript API 进行详细的介绍，并提供多个...

			
		

	





	

		

			

				
					
ArcGIS API for JavaScript4.8 实例

				
			

			

				

					10-26
				

			

		

		

			
				
《ArcGIS API for JavaScript 4.8 实例详解》  ArcGIS API for JavaScript 是Esri公司推出的一款强大的地图开发工具，主要用于构建交互式的Web GIS应用。4.8版本是其发展过程中的一个重要里程碑，提供了丰富的功能和...

			
		

	





	

		

			

				
					
arcgis for js 地图标注

				
			

			

				

					01-09
				

			

		

		

			
				
arcgis for js 地图标注，通过Graphic, PictureMarkerSymbol,添加不同类型的地图标注

			
		

	





	

		

			

				
					
arcgis api for js 自定义弹出信息提示框

				
			

			

				

					02-09
				

			

		

		

			
				
arcgis api for js 自定义弹出信息提示框，可以根据自己需要直接修改css样式即可。

			
		

	





	

		

			

				
					
arcgis api for javascript v4.18 v3.35

				
			

			

				

					12-22
				

			

		

		

			
				
《ArcGIS API for JavaScript v4.18与v3.35详解》  ArcGIS API for JavaScript是Esri公司提供的一款强大的地图开发工具，用于在Web应用中构建交互式地图和地理信息系统。此API支持两种主要版本：v3.x系列和v4.x系列...

			
		

	





	

		

			

				
					
ArcGIS API for JavaScript开发之Symbol

				
			

			

				

					weixin_45752569的博客
				

				

					06-11
					
					1037
					
				

			

		

		

			
				
ArcGIS API for JavaScript 开发Symbol（1）color（2）type
Symbol
Symbol是所有符号的基类。Symbol以向量图形的形式表示视图中的点、线、多边形和网格几何。Symbol只能在GraphicsLayer或View.graphics中的单个图形上直接设置。否则，它们会被分配到一个渲染器，该渲染器应用于一个特性层或一个场景层。
如果使用MapView中的数据，使用下表作为选择符号类型的指南。




Geometry type
Valid symbol typ

			
		

	





	

		

			

				
					
二、Arcgis api js -- Graphic

				
			

			

				

					wo的博客
				

				

					03-02
					
					835
					
				

			

		

		

			
				
1、绘制  Draw
1、绘制点、线、面
1）步骤
新建点线面对象new Point();
新建点线面symbol;
新建Graphic对象：参数是“点对象”和“symbol”;
this.view.graphics.add(pointGraphic);
A）新建point对象
法一：
var point = {
type: “point”,
longitude: 120.037,
latitude: 35.883
};
法二：
var point = new Point({x: 120.037, y:3.

			
		

	





	

		

			

				
					
arcgis api for javascript 使用GraphicLayer 渲染专题图

				
			

			

				

					Kaybee - 练级之路
				

				

					11-22
					
					3119
					
				

			

		

		

			
				
arcgis api for javascript版本：3.22制作专题图是根据某个特定的专题对图层进行渲染，比如根据某一个属性字段，给图层上的要素绘制不同的符号来区分。 
在arcgis api for javascript中，专题图的绘制需要使用到  要素服务，然而对于一些外部的数据通常是通过 GraphicLayer 来进行展示的，一种渲染的思路就是，把属性绑定到GraphicLayer中的g

			
		

	





	

		

			

				
					
ArcGIS API for JavaScript在地图上添加一个标注图标

					
热门推荐

				
			

			

				

					a_dev的专栏
				

				

					02-20
					
					1万+
					
				

			

		

		

			
				
_addAddress: function () {  //添加热点地址
            this.curNavToolbar.deactivate();
            this._draw.deactivate();
            this._graphiclayer.clear();
            this.cmap.graphics.clear(

			
		

	





	

		

			

				
					
arcgis API参考（Reference）之 Graphic,  GraphicsLayer

				
			

			

				

					盛夏晚秋的博客
				

				

					03-22
					
					2023
					
				

			

		

		

			
				
一、引用

使用Vue+arcgis4.18
怎么使用map我就不多说了，自己去官网看

import Point from "@arcgis/core/geometry/Point";
import GraphicsLayer from "@arcgis/core/layers/GraphicsLayer";

二、Graphics

为什么先写Graphics，因为Graphics可以挂（个人的理解）在GraphicsLayer上

1，属性

其实不搞那些花里胡哨的只需要
var polylineGr

			
		

	





	

		

			

				
					
ArcGIS API for Javascript的Point clustering使用及默认符号无法显示问题

				
			

			

				

					weixin_30295091的博客
				

				

					11-15
					
					306
					
				

			

		

		

			
				
1.将包含ClusterFeatureLayer.js文件的extras文件夹放在部署的arcgis api目录下，如下图。

extras路径
2.使用ClusterFeatureLayer关键代码如下


 1 var popupTemplate = new PopupTemplate({
 2               'title': 'TEST',
 3   ...

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值