`

在网页中加载Google Map

GooglejQueryJavaScriptXHTMLHTML 
阅读更多

其实想要在自己的网页中加载Google Map很简单

 

以下是调用google map的页面：

 

<html xmlns="http://www.w3.org/1999/xhtml">  
   <head>  
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>  
     <title>Google Maps 与 JQuery结合使用</title>  
     <script type="text/javascript" src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=ABQIAA" ></script>  
     <script type="text/javascript" src="jquery.js"></script>  
     <script type="text/javascript" src="map.js"></script>  
 </head>  
 <body>   
     <div id="map" style="top:100px;left:300px;width: 600px; height: 400px"></div>  
     <div id="message"></div>  
 </body>  
 </html>

 除了gm提供的js以外，另外iahai包含了两个js ，其中map.js是基于jquery对google map功能实现的js。id="map"

中map可以自定义，只是map.js中的"map"也要相应改变。

 

 

 

分享到：
| 让空td也能显示
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics