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>
分享到:
相关推荐
这个文档是在自己网页中嵌入google地图,然后使用google地图的api在我们的地图上添加功能,得到更好的用户体验效果
谷歌地图嵌入到页面的源代码以及展现效果,
本系统展现如何在你的网页里嵌入google地图,通过javascript 如何通过代码移动地图,和在平面地图和卫星地图之间如何切换!
├─06 Google Maps API高级编程 │ ├─6.1 GPolyline折线对象和GPolygon多边形对象 │ │ ├─6.1.1 使用GPolyline折线对象 │ │ ├─6.1.2 使用GPolygon多边形对象 │ │ ├─6.1.4 使用GPolyline和GPolygon的...
Google 地图 JavaScript API 使您可以在网页中嵌入 Google 地图。要使用该 API,您需要先注册以获取 API 密钥。收到 API 密钥之后,即可以按照本文档中的说明开发地图应用程序。 任何 Google 地图 API 应用程序中的...
VS2017开发,可移植VS2019...demo中实现了本地html文件嵌入百度地图,通过UI按钮调用html中的javascript可实现调用地图api。参考这份代码,起码能省下半个月的摸索时间。提供售后服务,联系邮箱:rax_zhang@yeah.net。
非常小的谷歌地图jQuery插件 Maplace.js帮助你嵌入你的网站,谷歌地图,快速创建标记和控制菜单在地图上的位置。 需要jQuery的谷歌地图API v3的在您的网页。
在手机中使用google地图,首先需要先添加Map API密钥,具体设置过程添加maps.jar到项目,嵌入地图,获取密钥
最近需要实验室需要将在无人机地面站中嵌入地图,在网上找了很多资料,终于有些眉目了, 首先,做这个需要用到的知识有,MFC控件、MFC类库、JavaScript脚本语言,Google API、Google离线地图;由于google离线地图不...
Gmarker Gmarker 是针对 MODX Revolution 的 Google Maps API (v3) 的集成。... 谷歌地图嵌入 API 谷歌地图 JavaScript API v3 静态地图 API 例子 为了用标记填充您的地图,我们依赖对其他页面的 Ajax 请求。 在设
google map 研究要点 想要用Google地图,首先就是要研究Google map API。Google map API是以JavaScript 形式对外开发的,允许您在网页中嵌入 Google 地图。
Google使得他们的API难以理解,因此在为他们的Tasks API编写文档苦苦挣扎之后,我发现具有围绕Tasks API的精心编写的抽象概念。 该软件包包含上述存储库中的代码,并添加了一些其他内容,以使其易于嵌入到Web应用...
谷歌地图方向 使用 Google Maps API 查找路线
angular-gm, AngularJS 谷歌地图 指令 AngularGMAngularGM是一组使用 谷歌地图 Javascript API在你的应用程序中嵌入 谷歌地图的指令。 最新版本:2.0.1特性地图边界。中心和缩放与范围变量的双向关联多个 谷歌地图 ...
针对Google地图进行了优化的表单。 用法与几乎相同,因为它是从派生的演示应用您可以尝试包含所有这些库功能的DEMO Apps for Android / iOS。 。 在Android浏览器中打开此链接iOS DEMO 请在请求动机官方的仅具有...
10.2 GPS轨迹记录器——利用LocationListener在地图上画图并换算距离 10.3 女性贴身看护——AlarmManager.DatePicker.TimePicker 10.4 手机QRCode二维条形码生成器——Canvas与SurfaceHolder绘图 10.5 AndroidQRCode...
您可以隐藏内置预览,并在编辑地图时在画布上实时查看实际输出。 谷歌地图 安装 贡献 拉请求是受欢迎的。 对于重大更改,请先打开一个问题以讨论您要更改的内容。 发展 yarn watch 执照 麻省理工学院
分析了Google Earth(GE)的基本概况和应用前景,研究如何在C 〖KG-*2〗 平台上对Google Earth客户端进行二次开发.通过软件编程,调用Windows API函数和GE COM API函数将GE视图嵌入到开发平台界面中,实现地图定位、...
maps-services-java),从而可以轻松使用这两个API中缺少的功能,例如: 使用JavaFx在Google地图上绘制和绘制路线和对象使用Google MapsFX API不提供的Google API,例如Directions API和GeoCoding API! 通过上述...
通过调用Google Earth API函数 和Windows API函数,将Google Earth视图窗口嵌入到软件界面中,使用钩子技术实现在Google Earth视图窗口中右键弹出菜单,结合CMarkup类和BasicExcel类实现在电子地图上添加航迹点和...