ÿþ<!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> <meta http-equiv="content-type" content="text/html; charset=UTF-8"/> <script src="http://maps.google.com/maps?file=api&v=1&key=ABQIAAAAeyS_Y_cXMX8h-oaGOr387BTqd_BKQde8rsXl9rcwGgq5Zc7e-hQcBwm1wRUF9RozpwXC-CvlMEqm5Q" type="text/javascript"></script> </head> <body> <div id="map" style="width: 500px; height: 400px"></div> <script type="text/javascript"> //<![CDATA[ var map = new GMap(document.getElementById("map")); map.addControl(new GSmallMapControl()); map.addControl(new GMapTypeControl()); var point = new GPoint(139.72503304481506, 35.671382283308); map.centerAndZoom(point, 1); var letter = ")YðS—[qg¬NYe:S—[ÙR@b"; var marker = createMarker(point, letter); map.addOverlay(marker); // Create a base icon for all of our markers that specifies the shadow, icon // dimensions, etc. var baseIcon = new GIcon(); baseIcon.shadow = "http://www.google.com/mapfiles/shadow50.png"; baseIcon.iconSize = new GSize(20, 34); baseIcon.shadowSize = new GSize(37, 34); baseIcon.iconAnchor = new GPoint(9, 34); baseIcon.infoWindowAnchor = new GPoint(9, 2); baseIcon.infoShadowAnchor = new GPoint(18, 25); // Creates a marker whose info window displays the letter corresponding to // the given index function createMarker(point, letter) { // Create a lettered icon for this point using our icon class from above var icon = new GIcon(baseIcon); var marker = new GMarker(point); // Show this marker's index in the info window when it is clicked var html = "<meta http-equiv='content-type' content='text/html; charset=UTF-8'/>" html = html + "<b>" + letter + "</b>"; GEvent.addListener(marker, "click", function() { marker.openInfoWindowHtml(html); }); return marker; } //]]> </script> </body> </html>