2021 - 导入谷歌地图

1、google开发者中申请密钥(YOUR_API_KEY)

2.引入在线google map js

<script src="https://maps.googleapis.com/maps/api/js?key=keys"></script>             // keys是申请的密钥

3、html显示地图

<div id="googleMap" style="width:100%;height:380px;"></div>

4、初始化地图

<script>
      function initialize() {
          var mapProp = {
              center:new google.maps.LatLng(37.09024,-95.71289100000001),
              zoom:4,
              mapTypeId:google.maps.MapTypeId.ROADMAP
          };
          map = new google.maps.Map(document.getElementById("googleMap"), mapProp);
     }
     // mounted中调用此方法即可
 </script>

链接: 查看详细说明.