溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

google V3實(shí)例化地圖,標(biāo)點(diǎn)，畫線（衛(wèi)星模式地址不匹配是因?yàn)橐雊oogle的js時(shí)少了®ion=cn）

發(fā)布時(shí)間：2020-07-19 21:27:52 來源：網(wǎng)絡(luò) 閱讀：1401 作者：北方的狼族 欄目：web開發(fā)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  

<html xmlns="http://www.w3.org/1999/xhtml">  

<head runat="server">  

   <title>Google 地圖 JavaScript API 示例: 簡單的地圖</title>  

   <%– 加載 Google 地圖 API JavaScript–%>  

<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false&region=cn"></script>

   <script type="text/javascript">  

   var map;  

   //地圖初始化  

   function initialize() {

var myLatlng = new google.maps.LatLng(41.075145,111.470077)

       var mapOptions = {        

           zoom: 14,                //縮放級(jí)別    

           center: myLatlng, //將地圖的中心設(shè)置為指定的地理點(diǎn) 可以使用 0（最低縮放級(jí)別，在地圖上可以看到整個(gè)世界）到 19（最高縮放級(jí)別，可以看到獨(dú)立建筑物）之間的縮放級(jí)別  

           mapTypeId: google.maps.MapTypeId.SATELLITE,   //ROADMAP-默認(rèn)視圖 SATELLITE-顯示Google地球衛(wèi)星圖像 HYBRID-混合顯示普通視圖和衛(wèi)星視圖 TERRAIN-地形圖    

           scaleControl: true,    //比例尺  

           mapTypeControl: true,      

           mapTypeControlOptions: {style: google.maps.MapTypeControlStyle.DROPDOWN_MENU}  

       };  

       map = new google.maps.Map(document.getElementById("map_canvas"),mapOptions);//編寫 JavaScript 函數(shù)創(chuàng)建“map”對(duì)象

 var contentString = 'Hello World';


 var infowindow = new google.maps.InfoWindow({

 content: contentString

 });


 var marker = new google.maps.Marker({

 position: myLatlng,

 map: map,

 title:"Uluru (Ayers Rock)"

 //icon:你的圖片的地址(此行不設(shè)置則使用默認(rèn)圖片)

 });


 google.maps.event.addListener(marker, 'click', function() {

 infowindow.open(map,marker);

 });


//..................................................................

 polyline = new google.maps.Polyline({

                   path:

                   [new google.maps.LatLng(41.075145,111.470077),

new google.maps.LatLng(41.085145,111.480077)],

                   geodesic: true,

                   strokeColor: "#FFFF00",

                   strokeOpacity: 1,

                   strokeWeight: 4

                   //fillOpacity:0.5

                   });

                   polyline.setMap(map);


   }    

  </script>  

</head>  

<body  

   <form id="form1" runat="server">  

   <%–創(chuàng)建名為“map_canvas”的 div 元素來包含地圖–%>  

   <div id="map_canvas" >  

   </div>  

   </form>  

</body>  

</html>


向AI問一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場，如果涉及侵權(quán)請(qǐng)聯(lián)系站長郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手