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

非常感谢：http://67566894.iteye.com/

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

Java代码

<%@ 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&v=2&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 οnlοad="load()">
<div id="map" style="width: 750px; height: 500px"></div>
</body>
</html>

Google地图API 在网站上嵌入谷歌地图API相关推荐

Google Map开发系列（六）——谷歌地图坐标定位
要在地图中定位一个点,最常见的就是使用一个地理坐标来定位.但是,谷歌地图 API 还提供了不同于地理坐标的多套坐标系统,方便我们在需要的时候使用不同的坐标来定位在地图上显示的信息.我在右边的地图中演示 ...
html 页面地图不显示图片,嵌入谷歌地图不显示在HTML页面
有什么建议吗? 问候 #map_canvas { width: 500px; height: 400px; } function initialize() { var map_canvas = doc ...
java 谷歌地图_如何使用java在浏览器上显示谷歌地图？
我们如何才能在java中显示浏览器中的谷歌地图,我想获取我的mysql数据库的latlng,并使用这些latlng我想要显示每个点使用java(jsp / servlet)code.i我使用html代 ...
如何网页中嵌入谷歌地图
方法一 : 打开谷歌地图----左上角菜单----分享或嵌入地图----嵌入地图----默认"中"改为自定义尺寸----设置尺寸后复制代码到网页即可,可调成width:响应式100 ...
怎么在html插入谷歌地图,html页面插入百度or谷歌地图
一.百度地图 1.打开"百度地图生成器"的网址:http://api.map.baidu.com/lbsapi/creatmap/index.html 2.在"1.定位中 ...
html地图无法点击,无法触发谷歌地图标记点击事件从HTML按钮
我尝试创建一个HTML按钮,可以触发谷歌地图上的标记的点击事件,所以每当我点击按钮,地图将自动放大到标记和显示infowindow.这里是我的代码无法触发谷歌地图标记点击事件从HTML按钮 Semua ...
谷歌地图地理翻遍码，谷歌地图地点搜索
功能描述: 最近在做有关谷歌地图相关的东西:涉及两个功能: 1:自动定位功能,点击自动定位,然后可以拿到位置行政区信息,进行表单的一个填充(地理反编码) 2.地点搜索功能具体实现所需的谷歌开放仅业 ...
python下载谷歌地图瓦片_openLayers TMS加载谷歌地图瓦片
openLayers TMS中加载谷歌瓦片经纬坐标(LonLat) 和投影坐标系的转换 /** openLayer根据TMS加载谷歌地图瓦片 (1)先去下载加载谷歌地图瓦片,这样的软件有(水经注 ...

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

Google地图API 在网站上嵌入谷歌地图API相关推荐

最新文章

热门文章