myEclipse Repositories自帶的googleMap例子,貼出來供學習(轉載)

1.map.js
function updateAddress(address) {
geocoder.getLatLng(address, function(location) {
map.setCenter(location, 13);
var marker = new google.maps.Marker(location);
map.addOverlay(marker);
marker.openInfoWindowHtml(getAddressInfo(address));

latField.value = location.lat();
lngField.value = location.lng();
});
}

function getAddressInfo(address) {
return address + "<br><a href=\"http://www.myeclipseide.com\">Powered by MyEclipse IDE</a>";
}

2.google.jsp
<%@ page language="java" contentType="text/html" pageEncoding="UTF-8"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>MyEclipse Google Maps Example</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">

<script type="text/javascript"
src="http://www.google.com/jsapi?key=ABQIAAAA7rD1jbUY1XVWsL0ov0bKehRP189eykzPrrAV7tRgT92eURxrGxQHDNt6Nc2DQaubssvpI9493dhTGg"></script>
<script type="text/javascript">
google.load("maps", "2");
var map = null;
var geocoder = null;
google.setOnLoadCallback(function initmap() {
map = new google.maps.Map2(document.getElementById("map"));
geocoder = new google.maps.ClientGeocoder();
});
</script>
<script type="text/javascript" src="resources/map.js"></script>
</head>
<body>
<h1>
MyEclipse Google Maps Example
</h1>

<hr>
<table>
<tr>
<td valign="top">
<table>
<tr>
<td valign="top" align="left">
Address:
<br>
</td>
<td />
</tr>
<tr>
<td valign="top" colspan="2">
<form onsubmit="updateAddress(addrField.value); return false">
<input type="text" id="addrField">
<input type="submit" value="Find" />
</form>
</td>
</tr>
<tr>
<td align="right">
Latitude:
</td>
<td>
<input type="text" id="latField" style="width: 95px" />
</td>
</tr>
<tr>
<td align="right">
Longitude:
</td>
<td valign="top">
<input type="text" id="lngField" style="width: 95px">
</td>
</tr>
</table>
</td>
<td>
<div id="map"
style="border: blue 1px solid; width: 640px; height: 4800px">
</div>
</td>
</tr>
</table>
</body>
</html>

From: [url]http://www.javadn.com/read.php?tid-403.html[/url]
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章