Vue H5 mobile terminal project uses Amap to locate/mark and click the navigation to jump to the third party APP and realize the navigation route — example

First, the final effect

1. Full positioning

2. Get the current location

3. After punctuation marks, the address of the selected point is displayed

4. Click the navigation, open the popup window and select Amap, the route will be displayed in the third-party APP

5. The map is packaged as an AMapComponents, and the testMap page has only one line of code

Second,Component code cloud address

Note: map navigation buttons are asynchronous components (template tags need to be rendered) and need to add runtimeCompiler: true to the configuration file (vue.config.js)