麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久99热浪潮_成人一区二区三区四区

首頁 > 網站 > WEB開發 > 正文

谷歌地圖常用API

2024-04-27 15:17:20
字體：大 中 小
來源：轉載
供稿：網友
<style>body, html,#map {width: 100%;height: 100%;overflow: hidden;margin:0;font-family:"微軟雅黑";}</style><div id="map"></div><script src="https://maps.googleapis.com/maps/api/js?key=您的密鑰&callback=initMap"></script><script> function initMap(){ map = new google.maps.Map(document.getElementById('map'), { //創建地圖到ID元素容器，并設置初始化配置 center: { //設置中心點坐標 lat: -34.397, lng: 150.644 }, zoom: 8 //設置地圖級別 }); map.setOptions({ draggableCursor: "url('ruler.cur') 3 6, crosshair", //設置鼠標指針樣式 draggingCursor: "url('ruler.cur') 3 6, crosshair", //設置拖動時鼠標指針樣式 scrollwheel: false, //禁用滾輪縮放 mapTypeControl: false, //禁用地圖類型切換控件 zoomControl: false, //禁用地圖縮放控件 scaleControl: false, //禁用地圖比例 draggable: false, //禁用拖動 disableDoubleClickZoom: true, //禁用雙擊放大地圖 }); //恢復默認鼠標指針 map.setOptions({ draggableCursor: undefined, draggingCursor: undefined }); //獲取點擊坐標 google.maps.event.addListener(map,"click",function(event){ console.log(event.latLng.lat() + ',' + event.latLng.lng()); }); //點擊創建標記 google.maps.event.addListener(map,"click",function(event){ var myIcon = { //自定義點圖標 url: 'mapCircle.png', //圖標路徑 size: new google.maps.Size(10, 10), //圖標尺寸 origin: new google.maps.Point(0, 0), //圖標原點 anchor: new google.maps.Point(0,0) //圖標偏移量 }; var point = new google.maps.LatLng(event.latLng.lat(), event.latLng.lng()); //創建坐標點 var marker = new google.maps.Marker({ position: point, icon: myIcon }); //創建標記 marker.setMap(map); //把標記添加到地圖 }); //創建折線 var latLng_Arr = []; //創建點數組 google.maps.event.addListener(map,"click",function(event){ latLng_Arr.push({ //獲取當前點追加到數組 lat: event.latLng.lat(), lng: event.latLng.lng() }); if(latLng_Arr.length >= 2){ //如果有兩個點再連線 var polyline = new google.maps.Polyline({ strokeColor: "#fd8044", //顏色 strokeWeight: 2, //寬度 strokeOpacity: .9, //不透明度 path: latLng_Arr }); polyline.setMap(map); //把折線添加到地圖 } }); //創建文本標記 google.maps.event.addListener(map,"click",function(event){ var point = new google.maps.LatLng(event.latLng.lat(), event.latLng.lng()); //創建坐標點 var marker = new google.maps.Marker({position: point}); //創建標記 if(typeof InfoBox != 'undefined'){ //如果InfoBox構造函數已存在 createLabe(); //直接創建 }else{ //如果InfoBox構造函數不存在 getScript('infobox.js',createLabe); //異步加載infobox.js文件完成后再創建 //插件地址: https://github.com/googlemaps/v3-utility-library/tree/master/infobox } }); function createLabe(){ //創建label var label = new InfoBox({ content: '標記文字', disableAutoPan: false, maxWidth: 0, pixelOffset: new google.maps.Size(0, 0),//偏移 zIndex: 1, closeBoxURL: "", isHidden: false, pane: "floatPane", enableEventPRopagation: false, boxStyle: { color: "#666", fontSize: "12px", height: "20px", padding: "0 5px", lineHeight: "20px", fontFamily: "微軟雅黑", borderColor: "#999", borderRadius: "2px", border: "1px solid #999", backgroundColor: "#fff" } } label.open(map,marker); //把標簽添加到地圖 } //異步加載js方法 function getScript(url,fn){ var url_json = {}; if(typeof url == 'object' && url.constructor == Array){ for(var i= 0; i< url.length; i++){ if(!url_json[url[i]]){ url_json[url[i]] = url[i]; } } }else if(typeof url == 'string'){ url_json[url] = url; } function getJsonLength(json){ var length = 0; for(var i in json){ length++; } return length; } var script_json = {}; var load_num = 0; for(var i in url_json){ script_json[i] = document.createElement('script'); script_json[i].src = url_json[i]; document.body.appendChild(script_json[i]); script_json[i].onload = function(){ load_num++; if(load_num == getJsonLength(url_json)){ typeof fn == 'function' ? fn() : null; } }; } } }</script>

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板： 成人午夜免费观看 | 黄色网址在线免费播放 | 亚洲成人中文字幕在线 | av电影免费播放 | 成人毛片视频免费看 | 亚洲午夜久久久精品一区二区三区 | 欧美一级黄 | 人人舔人人射 | 午夜视频在线 | 亚洲精品一区国产精品丝瓜 | 欧美一级特级 | 国产羞羞视频在线观看免费应用 | 国产成人免费精品 | 国产午夜亚洲精品午夜鲁丝片 | 成人国产在线视频 | 广州毛片 | 免费永久在线观看黄网 | 密室逃脱第一季免费观看完整在线 | 逼特逼视频在线观看 | 一级电影免费在线观看 | 日本成人在线播放 | 成人在线视频网 | 久久精品中文字幕一区二区 | 国产成人羞羞视频在线 | 五月天影院,久久综合, | 日韩一级片 | 日本欧美一区二区三区在线观看 | 老女人碰碰在线碰碰视频 | 91 在线免费观看 | 亚洲第五色综合网 | 亚洲第九十九页 | 久久国产精品一区 | 亚洲精品久久久久久下一站 | 国产精品一区二区三区在线播放 | 成人毛片免费 | 久久久久久久久国产精品 | 久久精品一级片 | 日本在线视频免费观看 | 中文字幕xxx| 久久久电影电视剧免费看 | 免费欧美精品 |