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&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 onload="load()">
<div id="map" style="width: 750px; height: 500px"></div>
</body>
</html>
分享到：
相关推荐
谷歌可视化 API 是 Google 地图 API 的一项功能，允许开发者在地图上添加丰富的可视化效果，例如：heatmap、cluster 等。 10. GClientGeocoder 类 GClientGeocoder 类是 Google 地图 API 的一个重要类，用于地理...
谷歌地图 Google Map API V3 中文开发文档是 Google 公司提供的一种基于 Web 的地图应用程序接口，允许开发者在自己的网站或应用程序中嵌入谷歌地图，以提供地图检索、路线规划、地标显示等功能。本文档旨在为开发者...
Google Map API V3是Google提供的一个JavaScript库，用于在网页上嵌入交互式地图。这个API提供了丰富的功能，如定位、路线规划、地图缩放和平移等。在这个压缩包中，包含了使用Google Map API V3来实现离线地图的...
Google Maps API V3是Google提供的一个轻量级的JavaScript库，用于在网页上嵌入地图。离线版本则意味着所有地图数据被预先下载并存储在本地，用户可以在没有互联网连接的情况下查看地图。离线API通常需要开发者自行...
4. **路径绘制**：如果你需要在地图上展示路线或路径，谷歌地图API的`DirectionsService`和`DirectionsRenderer`可以帮你实现。它们可以计算两点或多点之间的行驶路线，并以线段形式显示在地图上。 5. **事件监听**...
Google地图API是一套强大的工具集合，允许开发者在其网站或应用中嵌入并定制Google地图。它提供了丰富的功能，如地图显示、地点搜索、路线规划等，使得网站能拥有更加互动且个性化的地图体验。 #### 二、Google地图...
谷歌地图API是一个强大的工具，它允许开发者在网页上嵌入地图并进行各种定制化操作，如标记、路径规划、实时定位等。在这个特定的例子中，我们将深入探讨如何使用谷歌地图API来实现运动轨迹的绘制以及在轨迹上添加...
开发者可以获取详细的路径、距离、预计时间，并在地图上展示路线。 4. **实时交通状况**： Traffic Layer API可以叠加实时交通流量信息到地图上，帮助用户了解道路的拥堵情况。这对于规划行程或提供交通建议非常...
Google地图API是谷歌公司提供的一个服务，允许开发者在自己的应用中嵌入谷歌地图，并通过编程的方式实现对地图服务的访问。它提供了丰富的接口来获取地图相关数据，例如地区的位置、道路信息、街道视图等。其中，...
画轨迹是指在地图上显示一系列地理位置点的连线，这在追踪运动路线、车辆路径或导航应用中常见。谷歌地图API提供了`google.maps.Polyline`对象来实现这一功能。开发者需要将定位点的经纬度坐标添加到数组中，然后...
标题"Google 地图 google map api / 地图有关"表明了这个压缩包可能包含与Google地图API相关的代码示例或教程，Google Map API是Google提供的一项服务，允许开发者在自己的网站或应用中嵌入交互式地图，实现定位、...
这个“googleAPI完整版下载”可能包含了完整的谷歌地图API文档、示例代码、库文件和其他必要的资源，帮助开发者快速上手。 谷歌地图API主要包括以下几个核心部分： 1. **JavaScript API**：这是最常用的一种，它...
在这个案例中，开发者可能会使用`geocode`方法将已知的地理位置（IP解析出的地址）转化为地图上的坐标，并在地图上显示出来。 5. **UTFWry.dat**：这个文件可能是某种编码或数据文件，可能是IP库的一部分，用于IP到...
通过使用这些API，开发者可以轻松地在自己的网站或应用中嵌入交互式地图、搜索地点等功能。 **注册与获取API密钥：** 为了使用Google地图API，开发者首先需要在Google Cloud Platform上注册并申请API密钥。API密钥...
本实例专注于使用Java语言调用Google Maps API，并将其集成到一个内嵌浏览器中，以实现地址到经纬度坐标的自动转换，并在地图上显示Marker。Marker的双击监听功能也已部分实现。以下是对这些知识点的详细解释： 1. ...
Google Maps API V3 是 Google Maps 提供的一款强大的地图应用程序接口，允许开发者在网站或应用程序中轻松嵌入谷歌地图。该 API 的 JavaScript 版本提供了丰富的功能和灵活的配置选项，帮助开发者快速构建复杂的...
Google Map API 是一款强大的工具，它允许开发者在自己的网站或应用程序中嵌入地图功能，提供定位、导航、地理编码、路线规划等多种服务。本示例将深入探讨如何使用 Google Map API，帮助你理解和掌握其核心概念及...
谷歌地图API（Google Maps API）是谷歌提供的一款强大的地理定位服务接口，允许开发者在其网站或应用中嵌入谷歌地图，并进行各种自定义操作。通过谷歌地图API，开发者可以实现地图显示、位置查找、路线规划、地理...
Google 地图 API 是 Google 提供的一种基于 Web 的应用程序接口，允许开发者在自己的应用程序中嵌入 Google 地图。这个教程旨在帮助开发者快速了解 Google 地图 API 的基础知识和使用方法，掌握如何在自己的应用程序...