关于vue2使用mars3d 标点

// 标点
ArcGisWfs() {
  const that = this;

  // 如果地图不存在,则退出函数
  if (!this.map) return;

  // 关闭图层的事件,大数据addGraphic时影响加载时间
  this.graphicLayer.enabledEvent = false;

  // 获取点数据
  const result = this.List;

  // 循环处理每个点
  for (let j = 0; j < result.length; ++j) {
    const index = j + 1;

    // 创建点的经纬度信息
    let position = new mars3d.LngLatPoint(
      result[j].Longitude,
      result[j].Latitude,
      1
    );

    // 创建点的图形对象
    const graphic = new mars3d.graphic.BillboardPrimitive({
      position,
      style: {
        image:你的图标, // 点的图标
        horizontalOrigin: Cesium.HorizontalOrigin.CENTER,
        verticalOrigin: Cesium.VerticalOrigin.BOTTOM,
        distanceDisplayCondition: new Cesium.DistanceDisplayCondition(
          0.0,
          250000
        ) //地图放大缩小显示
      },
      attr: { index } // 为点添加属性
    });
  
    // 将点添加到图层上
    this.graphicLayer.addGraphic(graphic);

    // 为每个点绑定点击事件
    (function(resultItem) {
      graphic.on(mars3d.EventType.click, function(event) {
        that.getOpenDialog(resultItem); // 点击时执行的操作
      });
    })(result[j]);
  }

  // 恢复图层的事件
  this.graphicLayer.enabledEvent = true;

  // 返回点的数量
  return result.length;
},

注意 pointEntity和newGraphic 需要这样写不能写在data里面
var pointEntity;
var newGraphic;

GitHub 加速计划 / vu / vue
207.54 K
33.66 K
下载
vuejs/vue: 是一个用于构建用户界面的 JavaScript 框架,具有简洁的语法和丰富的组件库,可以用于开发单页面应用程序和多页面应用程序。
最近提交(Master分支:2 个月前 )
73486cb5 * chore: fix link broken Signed-off-by: snoppy <michaleli@foxmail.com> * Update packages/template-compiler/README.md [skip ci] --------- Signed-off-by: snoppy <michaleli@foxmail.com> Co-authored-by: Eduardo San Martin Morote <posva@users.noreply.github.com> 4 个月前
e428d891 Updated Browser Compatibility reference. The previous currently returns HTTP 404. 5 个月前
Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐