Google 地图 研究

完整例子:

http://download1.csdn.net/down3/20070518/18213152887.html 

 

 

<! 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" />
< title ></ title >
    
< script  src ="http://maps.google.com/maps?file=api&amp;v=2&amp;key=ABQIAAAAbnjTrrjKVFghDEbRyLpz2RSSyqKYSlo9FjwBrjMQ3aPEnZoFvBTMk7vPNP1BpEsscm8mH36rdv5q1w"
      type
="text/javascript" ></ script >
    
< script  type ="text/javascript" >
    
//<![CDATA[
    var WINDOW_HTML="气泡信息";
    
function load(){
        
if (GBrowserIsCompatible()) {
            
var map = new GMap2(document.getElementById("map"));
            map.addControl(
new GSmallMapControl());
            map.setCenter(
new GLatLng(39.4328121.077),3);
            
var marker = new GMarker(new GLatLng(39.4328121.077));
            map.addOverlay(marker);

            GEvent.addListener(marker, 
"click"function(){
                marker.openInfoWindowHtml(WINDOW_HTML);
            }
);
            marker.openInfoWindowHtml(WINDOW_HTML);
        }

    }

    
//]]>
    
</ script >
</ head >
< body  onload ="load()"  onunload ="GUnload()"  topmargin ="0"  leftmargin ="0" >
    
< div  id ="map"  style ="width: 500px; height: 300px" ></ div >
</ body >
</ html >
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值