用户投稿
因为自己的练习作品中需要用到Google map，所以就自己来学习怎么用。
初期整体流程:
申请Google cloud platform 的API (免费帐号一个月有200美金的使用额度，基本上一个人需求使用，是不用担心会超出额度的)启用 Maps JavaScript API就是到说明文件里面看怎么使用了，而基本上我就是在里面学习的。但是全都是英文，所以要麻就是英文看得懂，不然就是翻译吧~。
简单载入地图的流程:
在HTML的内先预先载入google 提供的JS 才可以使用google map api<head> <script src="https://polyfill.io/v3/polyfill.min.js?features=default"></script> <script async src="https://maps.googleapis.com/maps/api/js?key={YOUR_API_KEY}"></script></head>2. 在HTML 的<body>内 用上一个 <div class = "map"></div>的元件，要设定个大小给这个map，不然他不知道跑出来的地图要多大<body> <div style="height:50vh" id="map"></div></body> let map; function initMap() { map = new google.maps.Map(document.getElementById("map"), { center: { lat: -34.397, lng: 150.644 }, zoom: 8 }); }initMap() Google map api 基本说明:
基本上都是先创建一个MAP为先
new google.maps.Map("HTML的DIV元件", 一些参数)
map 的基本参数有很多但是基本上就几个
{ center: {lat: -34.397,lng: 150.644}, zoom: 8});这些就是基本的载入啰 !
微信扫一扫打赏
支付宝扫一扫打赏
