代碼如下
XML/HTML代碼
- <html>
- <head>
- <title></title>
- <meta http-equiv="content-type" content="text/html; charset=utf-8" />
- <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
- <script type="text/javascript">
- var map;
- function load() {
- var myLatlng = new google.maps.LatLng(33.846467,115.778732); //設(shè)置地圖的中心坐標(biāo)
- var myOptions = {
- //這里的參數(shù)可以為多個(gè)參數(shù)，具體參考MapOptions對(duì)象
- zoom: 12,
- center: myLatlng,
- mapTypeId: google.maps.MapTypeId.ROADMAP
- };
- map = new google.maps.Map(document.getElementById("map"), myOptions);
- var marker = new google.maps.Marker({
- //可以為多個(gè)參數(shù)，具體參考MarkerOptions對(duì)象
- map: map,
- position: myLatlng
- });
- //google.maps.event.addListener(marker, 'click', function(event) {
- //說(shuō)明：上面的是實(shí)現(xiàn)當(dāng)點(diǎn)擊時(shí)出現(xiàn)相關(guān)名稱(chēng)，這里沒(méi)有啟用，而是直接顯示
- //這里的infoWindow的 參數(shù)可以為多個(gè)對(duì)象，具體可以參考InfoWindowOptions對(duì)象
- var html = '<div ><font color="blue">亳州易天科技</font></div>';
- var infowindow = new google.maps.InfoWindow({ content: html });
- infowindow.open(map, marker);
- //});
- }
- </script>
- </head>
- <body onLoad="load()">
- <div id="nav"><a href="../index.html">易天科技收集：定位至亳州市政府地圖</a> > Google地圖API添加標(biāo)注</div>
- <table border="1" id="table1" bordercolor="#cccccc">
- <tr>
- <td>
- <div id="map" style="width:600px; height:400px"></div>
- </td>
- </tr>
- </table>
- </body>
- </html>
信息參考http://m7blog.sinaapp.com/google-map-marker/ 下載此演示 查看此演示
