<!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" xmlns:v="urn:schemas-microsoft-com:vml"> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"/> <title>My Google Maps Hack</title> <mce:style type="text/css"><!-- v/:* { behavior:url(#default#VML); } --></mce:style><style type="text/css" mce_bogus="1"> v/:* { behavior:url(#default#VML); } </style> <mce:script src="http://maps.google.com/maps?file=api&v=2&key=abcdefg" mce_src="http://maps.google.com/maps?file=api&v=2&key=abcdefg" type="text/javascript"></mce:script> </head> <mce:script type="text/javascript"><!-- function createMarker(point, html) { var marker = new GMarker(point); GEvent.addListener(marker, "click", function() { marker.openInfoWindowHtml(html); }); return marker; } function load() { if (GBrowserIsCompatible()) { var map = new GMap2(document.getElementById("map")); map.addControl(new GSmallMapControl()); map.addControl(new GLargeMapControl()); map.addControl(new GOverviewMapControl()); map.addControl(new GMapTypeControl()); map.enableScrollWheelZoom(); //开启滚轮伸缩效果--鼠标滚轮向前滚放大地图,反之缩小 map.setCenter(new GLatLng(36.94, 106.08), 4); //设置默认中心坐标 var point = new GLatLng(39.98629852076348,116.3574438359872); //坐标标识 map.addOverlay(createMarker(point,"hello cat")); //坐标表示提示 var point2 = new GLatLng(39.732488,98.494411); map.addOverlay(createMarker(point2,"hello dog")); map.setUIToDefault(); } } // --></mce:script> </head> <body οnlοad="load()" οnunlοad="GUnload()"> <div id="map" style="width:700px; height: 500px"></div> </body> </html>