使用谷歌地图前可以申请key地址为
http://www.google.com/apis/maps/signup.html
将获取的key替换yourkey即可使用
<script src="http://ditu.google.cn/maps?file=api&v=2&key=yourkey"
type="text/javascript"></script>
将下面的代码
<script type="text/javascript">
function initialize() {
if (GBrowserIsCompatible()) {
var map = new GMap2(document.getElementById("zan_canvas"));
var center = new GLatLng(39.917,116.397);
map.setCenter(center, 14);
var marker = new GMarker(center, {draggable: true});
GEvent.addListener(marker, "dragstart", function() {
map.closeInfoWindow();
});
GEvent.addListener(marker, "dragend", function() {
var windowHtml="<span style='color:gray'>";
windowHtml=windowHtml+"纬度:"+marker.getLatLng().lat()+"<br />经度:"+marker.getLatLng().lng();
windowHtml=windowHtml+"</span>";
marker.openInfoWindowHtml(windowHtml);
document.getElementById("lat").value=marker.getLatLng().lat();
document.getElementById("lng").value=marker.getLatLng().lng();
});
map.addOverlay(marker);
map.addControl(new GSmallMapControl());
map.disableDragging()//禁用地图拖拽,默认为允许,禁止拖拽后,缩放好像自动会被禁止
map.disableDoubleClickZoom()//禁用双击缩放,默认为允许
}
}
</script>
</head>
<body οnlοad="initialize()" οnunlοad="GUnload()">
<div id="zan_canvas" style="width: 500px; height: 300px"></div>
<div>
纬度:<input type="text" name="lat" id="lat" />
经度:<input type="text" name="lng" id="lng" />
</div>
<div>
做客户端程序的时候,加上form,并将input改为hidden即可
http://code.google.com/intl/zh-CN/apis/maps/documentation/javascript/v2/examples/
</div>
</body>
加入你相应的jsp。
运行看到相应的地图出来,证明你运行成功了。
如果使用json的形式,可以使用对应的clienct进行测试
private static HttpMethod getGetMethod() throws IOException {
GetMethod get = new GetMethod("/maps/api/geocode/json");
NameValuePair simcard = new NameValuePair("latlng",
"40.714224,-73.961452");
NameValuePair simcard1 = new NameValuePair("sensor", "false");
NameValuePair simcard2 = new NameValuePair("language", "zh-CN");
get.setQueryString(new NameValuePair[] { simcard, simcard1, simcard2 });
// InputStream input = new FileInputStream(new
// File("/home/ubuntu/my.txt"));
// "".getBytes("ISO8859-1")
// InputStream input = new
// StringBufferInputStream("my test aaaaaaaaaa");
// post.setRequestBody(input);
return get;
}
public static void main(String[] args) throws IOException {
HttpClient client = new HttpClient();
client.getHostConfiguration().setHost("ditu.google.com", 80, "http");
HttpMethod method = getGetMethod();// 使用GET方式提交数据
client.executeMethod(method);
// 打印服务器返回的状态
System.out.println(method.getStatusLine());
// 打印结果页面
;
//
try {
BufferedReader rd = new BufferedReader(new InputStreamReader(method
.getResponseBodyAsStream(),
"UTF-8"));
StringBuffer sb = new StringBuffer();
String line;
while ((line = rd.readLine()) != null) {
sb.append(line);
}
rd.close();
System.out.println("接受到的流是:" + sb);
} catch (IOException e) {
throw new RuntimeException("error", e);
}
method.releaseConnection();
}
看到相应的json的形式的字符即可。