การปักหมุดใน Google Map API ด้วย PdMarker

ที่มา Google Map PdMarker

<!DOCTYPE html
   PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <title>Google Maps JavaScript API Example - simple</title>
    <style type="text/css">
       div.markerTooltip, div.markerDetail {
          color: black;
          font-weight: bold;
          background-color: white;
          white-space: nowrap;
          margin: 0;
          padding: 2px 4px;
          border: 1px solid black;
       }
    </style>
<script src="http://maps.google.com/maps?file=api&v=2.x&key=abcdefg"
           type="text/javascript"></script>
<script type="text/javascript" src="pdmarker.js"></script>

<script type="text/javascript">
//<![CDATA[
window.onload = onPageLoad;
var map;

function onPageLoad() {
    if (GBrowserIsCompatible()) {
	map = new GMap2(document.getElementById("map"));
	map.setCenter(new GLatLng(49.28124, -123.12035), 17-5);
	map.addControl(new GLargeMapControl());
	map.addControl(new GMapTypeControl());
	marker = new PdMarker(new GLatLng(49.28124,-123.12035));
	marker.setTooltip("Vancouver");
	var html = "Visit <a href='http://www.mysite.com'>mysite<\/a>";
	marker.setDetailWinHTML(html);
	marker.setHoverImage("http://www.google.com/mapfiles/dd-start.png");
	map.addOverlay(marker);

    }
}
//]]>
</script>

  </head>

  <body>
    <div id="map" style="width: 400px; height: 400px"></div>
    <div id="pdmarkerwork"></div>
  </body>

</html>

ใส่ความเห็น

อีเมลของคุณจะไม่แสดงให้คนอื่นเห็น ช่องข้อมูลจำเป็นถูกทำเครื่องหมาย *