Bmap 里面的addAnnotations 这个方法怎么用的

黄枰凯

求助百度地图的标注功能怎么用的，我用了open可以打开，但是用标注大头针的功能就不行了，求解。

文档说明：https://docs.apicloud.com/Client-API/Open-SDK/bMap#addAnnotations

我的代码如下：

1. <template>
   
2.         <view class="page">
   
3. 
   
4.         </view>
   
5. </template>
   
6. <script>
   
7. export default {
   
8.         name: 'map',
   
9.         apiready() {//like created
   
10.                 this.data.map = api.require('bMap');
    
11. 
    
12.                 this.data.map.setAgreePrivacy({
    
13.                         agree: true
    
14.                 });
    
15. 
    
16.                 this.data.map.initMapSDK((ret) => {
    
17.                         if (ret.status) {
    
18. 
    
19.                                 this.openMap();
    
20.                         }
    
21.                 });
    
22. 
    
23.         },
    
24.         data() {
    
25.                 return {
    
26.                         map: null
    
27.                 }
    
28.         },
    
29.         methods: {
    
30.                 openMap() {
    
31.                         this.data.map.open({
    
32.                                 rect: {
    
33.                                         x: 0,
    
34.                                         y: 0,
    
35.                                         w: api.winWidth,
    
36.                                         h: api.winHeight
    
37.                                 },
    
38.                                 center: {
    
39.                                         lon: 116.4021310000,
    
40.                                         lat: 39.9994480000
    
41.                                 },
    
42.                                 zoomLevel: 14,
    
43.                                 showUserLocation: true,
    
44.                                 fixedOn: api.frameName,
    
45.                                 fixed: true
    
46.                         }, (ret) => {
    
47.                                 if (ret.status) {
    
48.                                         console.log('地图打开成功');
    
49.                                         this.data.map.addAnnotations({
    
50.                                                 annotations: [{
    
51.                                                         id: 1,
    
52.                                                         lon: 116.297,
    
53.                                                         lat: 40.109
    
54.                                                 }, {
    
55.                                                         id: 2,
    
56.                                                         lon: 116.29,
    
57.                                                         lat: 40.109
    
58.                                                 }, {
    
59.                                                         id: 3,
    
60.                                                         lon: 116.298,
    
61.                                                         lat: 40.11
    
62.                                                 }],
    
63.                                                 icon: 'widget://',
    
64.                                                 draggable: true
    
65.                                         }, function (ret) {
    
66.                                                 console.log(JSON.stringify(ret))
    
67.                                         });
    
68.                                 }
    
69.                         });
    
70.                 }
    
71.         }
    
72. }
    
73. </script>
    
74. <style>
    
75. .page {
    
76.         height: 100%;
    
77. }
    
78. </style>

复制代码

技术咨询-F

  icon: 'widget://',   图片传完整

黄枰凯

技术咨询-F · 2022-9-21 09:44icon: 'widget://',   图片传完整

好的，感谢，可以了

勇可可【1161277121】

黄枰凯 · 2022-9-21 22:00好的，感谢，可以了

好的