1 setGoogleMapCommunity('Country Hills, Calgary, alberta');
2 setGoogleMapLocations('Country Hills, Calgary, alberta');
3 setGoogleMapLocations('# 133 728 Country Hills RD NW');
above is data.html
<! DOCTYPE html "-//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" />
< title > Google Maps JavaScript API Example </ title >
< script src ="http://maps.google.com/maps?file=api&v=2&key=ABQIAAAA0fjp2tHrrQJwoaRp8r_sYxR9fR65Vek3QPwU0sVxyfrqv-3SrxSOi2QPW6Z4SZY2sm8l2ZDVezrplA" type ="text/javascript" ></ script >
< script type ="text/javascript" >
var map;
var geocoder;
function initialize()
{
if (GBrowserIsCompatible())
{
map = new GMap2(document.getElementById( " map_canvas " ));
geocoder = new GClientGeocoder();
map.addControl( new GSmallMapControl());
map.addControl( new GMapTypeControl());
map.setCenter( new GLatLng( ' 51.053726 ' , ' -114.062477 ' ), 10 );
}
}
var request = false ;
try
{
request = new XMLHttpRequest(); // Firefox
}
catch (trymicrosoft)
{
try
{
request = new ActiveXObject( " Msxml2.XMLHTTP.5.0 " ); // New IE
}
catch (othermicrosoft)
{
try
{
request = new ActiveXObject( " Microsoft.XMLHTTP " ); // Old IE
}
catch (failed)
{
request = false ; // Unknown browser
}
}
}
function sendRequest()
{
map.clearOverlays();
url = escape( " data.html " ) + " ?random= " + Math.random(); // use a random number to avoid cache
request.open( " Get " ,url, true ); // connection method
request.onreadystatechange = showProcess; // show Process method
request.setRequestHeader( ' Content-Type ' , ' application/x-www-form-urlencoded; charset=utf-8 ' );
var queryString = "" ;
request.send( " queryString= " + escape(queryString));
}
function showProcess()
{
if (request.readyState == 4 ) // finished
{
if (request.status == 200 ) // normal
{
eval(request.responseText); // insert script to add locations to google map
}
}
}
function setGoogleMapCommunity(address)
{
if (geocoder)
{
geocoder.getLatLng
(
address,
function (point)
{
var marker;
if (point)
{
map.setCenter(point, 10 );
}
}
);
}
}
function setGoogleMapLocations(address)
{
if (geocoder)
{
geocoder.getLatLng
(
address,
function (point)
{
var marker;
if (point)
{
marker = new GMarker(point);
map.addOverlay(marker);
GEvent.addListener
(
marker,
" click " ,
function ()
{
marker.openInfoWindowHtml
(
' <img src="http://www2.creb.com/28/C3293828_1.jpg" style="margin-right: 5px;" align="left" width="90" height="65" /><b><a href="http://www.jimsparrow.com/calgary-mls/details/1/C3293828" target="_blank">MLS # C3293828</a></b><br /><b>Listing Price:</b> $379,900<br /><b>Bedrooms:</b> 5<br /><b>Bathrooms:</b> 4<br /> '
);
}
);
}
}
);
}
}
</ script >
</ head >
< body onload ="initialize()" onunload ="GUnload()" >
< div id ="map_canvas" style ="width: 500px; height: 300px" ></ div >
< div id ="button" >
< a href ="javascript:void(0);" onclick ="sendRequest();" >
< img id ="buttonImage" src ="http://cafe24-board.cafe24.com/board/img/search-button.gif" style ="border: none;" />
</ a >
</ div >
</ body >
</ html >
above is final.html
posted @
2008-01-16 04:23
N/A2011
阅读(
602 )
评论()
编辑
收藏
举报