行業(yè)動(dòng)態(tài)
GOOGLE地圖標(biāo)注公司名稱，自定義標(biāo)注GOOGLE標(biāo)注的方法
發(fā)布日期：2012-10-17 閱讀次數(shù)：4621 字體大小：大中小

 

 

代碼如下

XML/HTML代碼
  1. <html>  
  2. <head>  
  3. <title></title>  
  4. <meta http-equiv="content-type" content="text/html; charset=utf-8" />  
  5. <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>  
  6. <script type="text/javascript">  
  7. var map;   
  8. function load() {   
  9. var myLatlng = new google.maps.LatLng(33.846467,115.778732); //設(shè)置地圖的中心坐標(biāo)   
  10. var myOptions = {   
  11. //這里的參數(shù)可以為多個(gè)參數(shù)，具體參考MapOptions對(duì)象   
  12. zoom: 12,   
  13. center: myLatlng,   
  14. mapTypeId: google.maps.MapTypeId.ROADMAP   
  15. };   
  16. map = new google.maps.Map(document.getElementById("map"), myOptions);   
  17. var marker = new google.maps.Marker({   
  18. //可以為多個(gè)參數(shù)，具體參考MarkerOptions對(duì)象   
  19. map: map,   
  20. position: myLatlng   
  21. });   
  22. //google.maps.event.addListener(marker, 'click', function(event) { 
  23. //說明：上面的是實(shí)現(xiàn)當(dāng)點(diǎn)擊時(shí)出現(xiàn)相關(guān)名稱，這里沒有啟用，而是直接顯示  
  24. //這里的infoWindow的 參數(shù)可以為多個(gè)對(duì)象，具體可以參考InfoWindowOptions對(duì)象   
  25. var html = '<div ><font color="blue">亳州易天科技</font></div>';   
  26. var infowindow = new google.maps.InfoWindow({ content: html });   
  27. infowindow.open(map, marker);   
  28. //});   
  29. }   
  30. </script>  
  31. </head>  
  32. <body onLoad="load()">  
  33. <div id="nav"><a href="../index.html">易天科技收集：定位至亳州市政府地圖</a> > Google地圖API添加標(biāo)注</div>  
  34. <table border="1" id="table1" bordercolor="#cccccc">  
  35. <tr>  
  36. <td>  
  37. <div id="map" style="width:600px; height:400px"></div>  
  38. </td>  
  39. </tr>  
  40. </table>  
  41. </body>  
  42. </html>  

信息參考http://m7blog.sinaapp.com/google-map-marker/　　　下載此演示　　查看此演示