在网页中加载Google Map

最新推荐文章于 2023-01-04 20:06:18 发布

tigerpassion

最新推荐文章于 2023-01-04 20:06:18 发布

阅读量118

点赞数

分类专栏： HTML/CSS 文章标签： Google jQuery JavaScript XHTML HTML ViewUI

HTML/CSS 专栏收录该内容

70 篇文章 0 订阅

订阅专栏

其实想要在自己的网页中加载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"也要相应改变。