google map api实例
演示:http://qijuzhu.cn/googlemap/theboy_suki.html
代码:
<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN” “http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd“>
<html xmlns=”http://www.w3.org/1999/xhtml“>
<HEAD>
<TITLE>theboy and suki</TITLE>
<META http-equiv=content-type content=”text/html; charset=utf-8″><STYLE>#map {
WIDTH: 500px; HEIGHT: 500px
}
</STYLE><script src=”http://ditu.google.com/maps?file=api&v=2&key=ABQIAAAAonhupFdtg4gm3w9PneoXnhQ-4gqHLa0Z1CC2fno0ffyvRKS2qRSbv9XfzFV_A3hnXYR6E-pHoueGeg&hl=zh-CN”
type=”text/javascript”></script>
<SCRIPT type=text/javascript>
var map;
function load() {
if (GBrowserIsCompatible()) {
map = new GMap2(document.getElementById(“map”));
map.setCenter(new GLatLng(35.8616600, 114.1953970), 5);
map.addControl(new GLargeMapControl());//theboy default google marker with a regular html info window
defaultMarker = new GMarker( new GLatLng(34.7803771, 113.6582208));
GEvent.addListener(defaultMarker, ‘click’, function(){
defaultMarker.openInfoWindowHtml(
“我和小米<br /><img src=’http://qijuzhu.cn/googlemap/theboy.gif’ />”
);
});
map.addOverlay(defaultMarker);// suki default google marker with a regular html info window
defaultMarkersuki = new GMarker( new GLatLng(39.6266725, 115.4281461));
GEvent.addListener(defaultMarkersuki, ‘click’, function(){
defaultMarkersuki.openInfoWindowHtml(
“<img src=’http://qijuzhu.cn/googlemap/laishui.jpg’ border=’0′/><br />野三坡”
);
});
map.addOverlay(defaultMarkersuki);// cangzhou default google marker with a regular html info window
defaultMarkercangzhou = new GMarker( new GLatLng(38.3044528, 116.8388379));
GEvent.addListener(defaultMarkercangzhou, ‘click’, function(){
defaultMarkercangzhou.openInfoWindowHtml(
“<a href=’http://qijuzhu.cn/googlemap/cangzhou.jpg’><img src=’http://qijuzhu.cn/googlemap/cangzhoulit.jpg’ alt=’点击查看大图’ border=’0′/></a><br />沧州,<br />我上大学的地方,<br />破破烂烂的.<br />现在拆了,大快人心!<br />”
);
});
map.addOverlay(defaultMarkercangzhou);// zhengzhou default google marker with a regular html info window
defaultMarkerzhengzhou = new GMarker( new GLatLng(32.9950049, 112.5484622));
GEvent.addListener(defaultMarkerzhengzhou, ‘click’, function(){
defaultMarkerzhengzhou.openInfoWindowHtml(
“<embed src=’http://player.youku.com/player.php/sid/XMjQ2MDUwNzI=/v.swf’ quality=’high’ width=’300′ height=’300′ align=’middle’ allowScriptAccess=’sameDomain’ type=’application/x-shockwave-flash’></embed>”
);
});
map.addOverlay(defaultMarkerzhengzhou);}
}
</SCRIPT><META content=”MSHTML 6.00.6000.16735″ name=GENERATOR></HEAD>
<BODY onload=load() onunload=GUnload()>
<DIV id=map></DIV></BODY></HTML>
近期评论