Google地图API 在网站上嵌入谷歌地图API -

js-code

浏览: 95442 次
性别:
来自: 兰州

最近访客更多访客>>

ymwcwee

wggfxn

hailang6

cjp472

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

Google地图API 在网站上嵌入谷歌地图API

博客分类：

java

Google JavaScript HTML Blog

Google的地图API很完善，用起来也不复杂。我通过JavaScript实现了一个简单的Google地图，并带有地图标记。
如果你的网站有域名而不是localhost，则需要根据域名在Google官网上申请一个KEY，替换我提供的代码中的key。

转自：http://67566894.iteye.com/blog/657909

 <%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>  
   <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">  
   <html>  
       <head>  
       <script  
           src="http://maps.google.com/maps?file=api&amp;v=2&amp;sensor=true;  
           key=ABQIAAAAevysxt9O5lBUCrSalm80MxQx8gmx0K-_Fjj4Tf8bNXH3BBSxZRRmI_CuZM2zQyuXEpG_uxt-aqPr-A"  
           type="text/javascript"></script>  
           //author:67566894   <script language="javascript" type="text/javascript">  
       function load() {     //加载地图  
           if (GBrowserIsCompatible()) {   
               var map = new GMap2(document.getElementById("map"));   
               map.addControl(new GSmallMapControl());    //放大缩小  
               map.addControl(new GMapTypeControl());     //地图种类  
               map.enableScrollWheelZoom();    //启用鼠标滚轮  
               map.setCenter(new GLatLng(39.9000, 116.3000), 6);   //地图坐标 三个参数分别为 "纬度" "经度" "比例尺"  
            
               function createMarker(point, address,name,tel) {  //创建标记内容及标记的鼠标事件  
                  var marker = new GMarker(point);  
                  var html = '<div>'+  
                      '<a >Name:'+ name +'</a><br/>'+  
                      '<a >Address:'+address +'</a><br/>'+  
                      '<a >telephone:'+tel +'</a>'+  
                      '</div>';  
                  GEvent.addListener(marker, "mouseover", function() {  
                      marker.openInfoWindowHtml(html);  
                  });  
                  GEvent.addListener(marker, "mouseout", function() {  
                      marker.closeInfoWindow();  
                  });  
                  GEvent.addListener(marker, "click", function() {  
                      map.setCenter(point, 12);   
                  });  
                  return marker;  
              }  
              var point = new GLatLng(39.9000,116.3000);     // 设置标记  
              map.addOverlay(createMarker(point,'beijing','sh','123456'));//加入标记  
          }    
      }      
   </script>  
       </head>  
       <body onload="load()">  
           <div id="map" style="width: 750px; height: 500px"></div>  
       </body>  
   </html>

分享到：

网站加入Google搜索功能嵌入Google搜索

2010-05-13 10:56
浏览 3882
评论(0)
分类:编程语言
查看更多

发表评论

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

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

Google地图API 在网站上嵌入谷歌地图API

评论

发表评论

相关推荐

最近访客 更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

Google地图API 在网站上嵌入谷歌地图API

评论

发表评论

相关推荐

网站加入Google搜索功能 嵌入Google搜索

最近访客更多访客>>

网站加入Google搜索功能嵌入Google搜索