updateCircle(newVal, oldValue) {
console.log(newVal, 'circlecirclecirclecircle', oldValue)
// 循环生成marker
newVal.forEach((item, index) => {
console.log(item, 'circlecircle');
this.circle = new AMap.CircleMarker({
center: new AMap.LngLat(116.433322, 39.900255), //圆心
radius: 2000, //半径
strokeColor: "white", //轮廓线颜色
strokeWeight: 2, //轮廓线宽度
strokeOpacity: 0.5, //轮廓线透明度
fillColor: "rgba(0,0,255,1)", //多边形填充颜色
fillOpacity: 0.5, //多边形填充透明度
zIndex: 10, //多边形覆盖物的叠加顺序
cursor: "pointer", //鼠标悬停时的鼠标样式
});
console.log(this.circle, 'asdlashdohasodhlakshd');
map.add(this.circle);
});
},
1***@163.com
- 发布：2024-01-06 16:51
- 更新：2024-01-06 16:51
- 阅读：224
产品分类： uniapp/App
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： win11
HBuilderX类型： 正式
HBuilderX版本号： 3.99
手机系统： Android
手机系统版本号： Android 14
手机厂商： 小米
手机机型： 红米K60至尊版
页面类型： vue
vue版本： vue2
打包方式： 云端
项目创建方式： HBuilderX
操作步骤：
预期结果：
APP端也能显示圆
APP端也能显示圆
实际结果：
APP 不显示
APP 不显示
bug描述：
在renderjs中创建高德地图，使用高德的圆标记点，APP端不显示 H5端显示
···javascript
updateCircle(newVal, oldValue) {
console.log(newVal, 'circlecirclecirclecircle', oldValue)
// 循环生成marker
newVal.forEach((item, index) => {
console.log(item, 'circlecircle');
this.circle = new AMap.CircleMarker({
center: new AMap.LngLat(116.433322, 39.900255), //圆心
radius: 2000, //半径
strokeColor: "white", //轮廓线颜色
strokeWeight: 2, //轮廓线宽度
strokeOpacity: 0.5, //轮廓线透明度
fillColor: "rgba(0,0,255,1)", //多边形填充颜色
fillOpacity: 0.5, //多边形填充透明度
zIndex: 10, //多边形覆盖物的叠加顺序
cursor: "pointer", //鼠标悬停时的鼠标样式
});
console.log(this.circle, 'asdlashdohasodhlakshd');
map.add(this.circle);
});
},
···
0 个回复