首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 软件管理 > 软件架构设计 >

GooglemapAPI 在网站上嵌入谷歌mapAPI

2013-03-26 
Google地图API 在网站上嵌入谷歌地图APIGoogle的地图API很完善,用起来也不复杂。我通过JavaScript实现了一

Google地图API 在网站上嵌入谷歌地图API
  Google的地图API很完善,用起来也不复杂。我通过JavaScript实现了一个简单的Google地图,并带有地图标记。直接将代码粘在html文件中就可运行。
   如果你的网站有域名而不是localhost,则需要根据域名在Google官网上申请一个KEY,替换我提供的代码中的key。
欢迎来我的博客:http://67566894.iteye.com/

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head><scriptsrc="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>
1 楼 wenlongzh 2010-05-18   有空研究研究v3吧,据说文档上说是要快些,而且好像不需要key了

热点排行