2.关于vue2使用mars3d 标点
vue
vuejs/vue: 是一个用于构建用户界面的 JavaScript 框架,具有简洁的语法和丰富的组件库,可以用于开发单页面应用程序和多页面应用程序。
项目地址:https://gitcode.com/gh_mirrors/vu/vue
免费下载资源
·
关于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 个月前
更多推荐
已为社区贡献2条内容
所有评论(0)