Home > front end >  Vue baidu map how to add multiple tagging, display various data when moving the mouse
Vue baidu map how to add multiple tagging, display various data when moving the mouse

Time:10-02


Vue baidu map API how to add multiple tagging, when moving to the various annotation display each annotation information, can someone tell me the way of thinking, the backend interface is ready, but the front vue is unlikely to get, thank you

CodePudding user response:

You can try to use the mouse to move the method of real-time access to location of the mouse coordinates, or the location of the mouse on behalf of the area, because I don't know what data you backend specific needs, you can need according to the back-end data, you send coordinates or position for him, and then send the request, his data, cloth inside the box, and set a v - if, such as when the data and status to 200, will display box, don't know I can do for you

CodePudding user response:

Create the baidu map information window, add click or mouseover events to mark let its shows that

CodePudding user response:

Vue components have a map, but I didn't know, after finished I was directly introduced website have demo can reference

CodePudding user response:

reference 1st floor daily dream response:
you can try to use the mouse to move the method of real-time location of the mouse coordinates, or the location of the mouse on behalf of the area, because I don't know what data you backend specific needs, you can need according to the back-end data, you send coordinates or position for him, and then send the request, his data, cloth inside the box, and set a v - if, such as when the data and status to 200, will display box, don't know that I can help you
thank you

CodePudding user response:

reference 3 floor console. The log () response:
vue components have a map, but I didn't know, after finished I was directly introduced website has demo can reference
which website?

CodePudding user response:

reference 5 floor myu_mt reply:
Quote: reference 3 floor console. The log () response:
vue components have a map, but I didn't know, after finished I was directly introduced website has demo can reference
which website?

http://lbsyun.baidu.com/jsdemo.htm#canvaslayer

CodePudding user response:

http://lbsyun.baidu.com/index.php? Title=jspopular3.0 official API, not sweet???

CodePudding user response:

Used as solid a few kinds of basic it provides built-in mark layout; You only need to provide the corresponding mark data format, arcGL, mapbox all of these with the corresponding handling; Pay attention to the geoJson data format

CodePudding user response:

reference 6 floor console. The log () response:
Quote: refer to the fifth floor myu_mt reply:

Quote: reference 3 floor console. The log () response:
vue components have a map, but I didn't know, after finished I was directly introduced website has demo can reference
which website?

http://lbsyun.baidu.com/jsdemo.htm#canvaslayer
I don't directly use it after the content of the script map display, is the vue script and it to JS script usage is different

CodePudding user response:

references 9 f myu_mt response:
Quote: refer to the sixth floor console. The log () response:
Quote: refer to fifth floor myu_mt response:

Quote: reference 3 floor console. The log () response:
vue components have a map, but I didn't know, after finished I was directly introduced website has demo can reference
which website?

http://lbsyun.baidu.com/jsdemo.htm#canvaslayer
I use it directly after the content of the script didn't map display, is the vue script and it JS script usage is different, please

Introduction of js package map rendering id to write on

CodePudding user response:

Learning, thank you
  • Related