亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 網站 > 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久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
亚洲国产精品字幕| 国产欧美日韩丝袜精品一区| 成人黄色午夜影院| 成人午夜在线观看| 欧美大片在线看| 国产乱人伦真实精品视频| 亚洲人成电影网站色…| 亚洲成人在线视频播放| 欧美一级免费视频| 亚洲成人激情在线观看| 欧日韩在线观看| 97视频免费在线观看| 亚洲色图美腿丝袜| 91精品国产91久久久久福利| 久久久久久久久久久人体| 欧美午夜电影在线| 国产日韩专区在线| 国产免费一区二区三区香蕉精| 国产精品爱啪在线线免费观看| 51ⅴ精品国产91久久久久久| 色综合久久久888| 91免费国产网站| 亚洲色图偷窥自拍| 欧美巨乳在线观看| 亚洲精品国产综合区久久久久久久| 久久久999精品| 亚洲免费电影在线观看| 欧美激情亚洲另类| 姬川优奈aav一区二区| 欧美极品xxxx| 久久久亚洲国产| 久久精品视频网站| 日韩在线高清视频| www.亚洲一二| 福利一区视频在线观看| 亚洲国产天堂久久综合| 亚洲精品黄网在线观看| 91精品国产精品| 国产精品一区二区三| 亚洲精品97久久| 欧美日韩国产999| 久久97精品久久久久久久不卡| 久久久噜噜噜久久久| 国产精品旅馆在线| 秋霞成人午夜鲁丝一区二区三区| 日韩在线高清视频| 国产91精品不卡视频| 亚洲综合视频1区| 欧美性色19p| 亚洲精品白浆高清久久久久久| 国产精品一区二区性色av| 久久国产精品亚洲| 日韩精品免费观看| 午夜精品久久久久久久男人的天堂| 亚洲欧美日韩国产精品| y97精品国产97久久久久久| 午夜精品蜜臀一区二区三区免费| 国产亚洲美女久久| 欧美在线xxx| 一个人看的www久久| 亚洲一区二区三区四区视频| 欧美电影在线观看| 黄色成人在线播放| 亚洲成人久久网| 国产精品视频久| 91av网站在线播放| 日韩精品www| 欧美日韩免费区域视频在线观看| 日韩国产精品一区| 久久精品成人欧美大片古装| 久久久视频在线| 亚洲成人三级在线| 国产精品久久久久高潮| 欧美综合激情网| 国产亚洲欧美视频| 亚洲视频日韩精品| 日韩av在线最新| 亚洲香蕉成视频在线观看| 国产精品自产拍在线观| 亚洲人成亚洲人成在线观看| 日韩在线观看免费网站| 国产精品jvid在线观看蜜臀| 久久久亚洲国产| 亚洲天堂免费视频| 色无极亚洲影院| 日韩电影中文字幕| 久热精品视频在线| 久久这里只有精品视频首页| 午夜精品福利电影| 亚洲美女动态图120秒| 亚洲字幕一区二区| 日韩精品免费视频| 久久精品视频导航| 久久全国免费视频| 91九色在线视频| 91视频国产一区| 日本免费一区二区三区视频观看| 国产一区二区三区久久精品| 国产精品色午夜在线观看| 日本精品免费一区二区三区| 欧美在线性爱视频| 欧美大全免费观看电视剧大泉洋| 亚洲日本成人网| 国产在线精品自拍| 欧美激情久久久久| 久久99热这里只有精品国产| 精品露脸国产偷人在视频| 成人免费激情视频| 欧美国产第二页| 久久精品久久久久电影| 自拍视频国产精品| 日韩欧美在线视频观看| 亚洲影院色在线观看免费| 国产做受高潮69| www.亚洲成人| 欧美在线日韩在线| 夜夜嗨av色综合久久久综合网| 91精品国产91久久久久久久久| 欧美性感美女h网站在线观看免费| 欧美精品激情blacked18| 岛国av午夜精品| 久久精品夜夜夜夜夜久久| 国产精品成人在线| 日韩av电影免费观看高清| 欧美在线亚洲在线| 91亚洲一区精品| 欧美性黄网官网| 亚洲成人精品视频| 日韩欧美主播在线| 欧美日韩性视频| 18性欧美xxxⅹ性满足| 国产69精品久久久久9999| 亚洲免费人成在线视频观看| 在线观看欧美成人| 日韩中文字幕精品| 国产成人在线亚洲欧美| 7777免费精品视频| 成人黄色免费看| 日韩精品极品在线观看| 日韩免费中文字幕| 亚洲日韩欧美视频一区| 欧美有码在线观看| 亚洲国产精品大全| 亚洲第一网中文字幕| 国产精品久久久久久搜索| 日韩中文字幕在线免费观看| 最新日韩中文字幕| 欧美性资源免费| 日韩精品丝袜在线| 亚洲国产成人精品久久久国产成人一区| 精品美女永久免费视频| 国产精品午夜国产小视频| 午夜精品一区二区三区在线视| 亚洲精品午夜精品| 日韩精品视频免费专区在线播放| 国产亚洲精品激情久久| 久久精品国产亚洲7777| 自拍亚洲一区欧美另类| 欧美一区亚洲一区| 国产精品久久久久久婷婷天堂| 欧美一乱一性一交一视频| 91精品久久久久久久久青青| 黑人与娇小精品av专区| 2021久久精品国产99国产精品|