Vue3.0中引入地图（谷歌+高德+腾讯+百度）

Vue3.0中引入地图（谷歌+高德+腾讯+百度）地址：bbsmax.com/A/8Bz8NDNN5x/
【高德地图API】申请key全流程https://blog.csdn.net/zhang919568/article/details/121992540

vue3+高德地图
前言：
vue3中引入高德地图
高德地图：
官网地址https://lbs.amap.com/
api地址https://lbs.amap.com/api/javascript-api/guide/services/autocomplete/?sug_index=0
实现效果：

具体步骤：
1、官网申请高德的key
2、在public/index.html里面添加

<script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&key=你申请的key"></script>
3、新建组件 map.vue
<template>
  <div class="map" id="gd_map_d"></div>
</template>
 
<script>
  import { defineComponent,nextTick,onMounted } from 'vue'
  export default defineComponent({
    setup(){
      onMounted(() => {
        nextTick(()=>{
          initMap()