vue2项目使用高德地图
时间: 2023-10-24 13:58:28 浏览: 146
回答: 要在vue2项目中使用高德地图,首先需要进入高德地图的官方网站申请一个key和密钥,创建一个项目。然后,安装高德地图的包,可以使用npm i @amap/amap-jsapi-loader --save命令进行安装。接下来,新建一个放地图的vue组件,并在mounted生命周期中调用创建地图的函数。在这个函数中,可以设置地图的缩放级别、中心点坐标、地图样式等参数。具体的代码可以参考官方文档。\[1\]\[2\]\[3\]
#### 引用[.reference_title]
- *1* [vue2项目中引入高德地图--1 简单应用](https://blog.csdn.net/Zhang_zhangxka/article/details/128655881)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item]
- *2* [Vue2项目使用高德地图](https://blog.csdn.net/GP2719434241/article/details/130521598)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item]
- *3* [前端系列——vue2+高德地图web端开发(使用和引入)](https://blog.csdn.net/weixin_55683934/article/details/130237445)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]
阅读全文