谷歌地图开发填坑记录

1.坑一：引用

<script src="http://ditu.google.cn/maps/api/js?key=申请的key&callback=initMap&libraries=drawing" async defer></script>

（刚开始用的.com的地址，发现不能翻墙，地图出不来）

（后台换成https://ditu.google.cn/maps/api/js，卫星地图出不来）

 

最后使用的这个http://ditu.google.cn/maps/api/js。终于没问题了

2.坑二：使用卫星地图

map = new google.maps.Map(document.getElementById('map'), {
        mapTypeControl: false, //地图类型控件
        fullscreenControl: false, //全屏控件
        streetViewControl: false, //是否显示街景小人
        scaleControl: false, //是否显示地图缩放控件
        zoomControl: false,
        center: {
            lat: 33.42,
            lng: 107.40
        },
        zoom: 4
        ,mapTypeId: 'hybrid'//显示普通视图和卫星视图的混合显示
//        ,mapTypeId: 'satellite'
    });//刚开始使用的'satellite'，显示了卫星地图，但是不显示地名。后来改成mapTypeId: 'hybrid'。终于可以了。。。。我太难了

效果：

 

 

来源：https://www.cnblogs.com/duanzhenzhen/p/11910617.html