ArcGis for javascriptは、カスタムアイコンを描画し、クリックイベントをバインドします。!!

エフェクト画像

ここに画像の説明を挿入します
オンラインプレビュー

序文

マップ機能を実現するには、プロジェクトでArcGisを使用する必要があります。BaiduとGaodeが適用されない理由については、ArcGisの方がより正確な測位が可能になると言われています。初めてArcGISfor javascriptに連絡したときは、ピットロードを踏むのがとても快適です。書き留めて記録してください。困っている人の助けになることを願っています。

js

ArcGis for javascriptを直接貼り付けて、基本的なエントリコードで線を引くことができますの例では、ここでは詳しく説明しません。

// 创建图形点
const pointGraphic = new Graphic({
    
    
  geometry: {
    
    
    type: 'point',
    // 点的位置
    longitude: 117.129359,
    latitude: 31.839979
  },
  symbol: {
    
    
    // 类型有 图片标记 和 点
    type: 'picture-marker',
    // 图片地址,可以网络路径或本地路径(PS:base64亦可)
    url: require('@/assets/img/view-start.png'),
    // 图片的大小
    width: '32px',
    height: '48px'
  },
  attributes: {
    
    
    Foo: 'Hello world!'
  }
})

// 将图形添加到视图的图形层
this.view.graphics.addMany([pointGraphic])

// 给 “地图视图” 绑定点击事件
this.view.on('click', e => {
    
    
  // hitTest 方法在点击位置上如果存在 Graphic(线或点),即可获取 Graphic 对象的整个数据
  this.view.hitTest(e)
    .then(res => {
    
    
      if (res.results.length) {
    
    
        // 获取每个图形上的ID
        this.$message.info(JSON.stringify(res.results[0].graphic.attributes))
      }
    })
})

コアポイント

PictureMarkerSymbolあるSymbolオブジェクトの種類、カスタムアイコンのURLプロットした点を指定することができます。
hitTestこのメソッドは1つPromiseを返します。これは、指定された画面座標(PS:公式単語)と交差する各レイヤーの最上位の要素を返します。
送信元アドレス

参照

おすすめ

転載: blog.csdn.net/dizuncainiao/article/details/108458046