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'。终于可以了。。。。我太难了
效果: