想要的效果:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Google Maps JavaScript API Example - simple</title>
<script src="http://maps.google.com/maps?file=api&v=2&key=ABQIAAAA0fxfR8rjOd4hxLs_eexgpRRimBLt2IddMicNozU_OKWiRrWnCxRQJfdSC6h-mkpOMKWzsmU68PhJdQ" type="text/javascript"></script>
<script type="text/javascript" src="scripts/jquery.googlemap.js"></script>
</head>
<body> 经度 <span id="show_x"></span>纬度<span id="show_y"></span>
<div id="map" style="width: 500px; height: 500px">
</div>
</body>
</html>
<script type="text/javascript">
//<![CDATA[
if (GBrowserIsCompatible()) {
var map = new GMap2(document.getElementById("map"));
map.addControl(new GLargeMapControl());
map.addControl(new GMapTypeControl());
map.setCenter(new GLatLng(31.441944, 105.141944),10);
}
GEvent.addListener(map, 'click', function(overlay, point) {
if (point) {
document.getElementById("show_x").innerHTML = point.x;
document.getElementById("show_y").innerHTML = point.y;
}
});
//]]>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Google Maps JavaScript API Example - simple</title>
<script src="http://maps.google.com/maps?file=api&v=2&key=ABQIAAAA0fxfR8rjOd4hxLs_eexgpRRimBLt2IddMicNozU_OKWiRrWnCxRQJfdSC6h-mkpOMKWzsmU68PhJdQ" type="text/javascript"></script>
<script type="text/javascript" src="scripts/jquery.googlemap.js"></script>
</head>
<body> 经度 <span id="show_x"></span>纬度<span id="show_y"></span>
<div id="map" style="width: 500px; height: 500px">
</div>
</body>
</html>
<script type="text/javascript">
//<![CDATA[
if (GBrowserIsCompatible()) {
var map = new GMap2(document.getElementById("map"));
map.addControl(new GLargeMapControl());
map.addControl(new GMapTypeControl());
map.setCenter(new GLatLng(31.441944, 105.141944),10);
}
GEvent.addListener(map, 'click', function(overlay, point) {
if (point) {
document.getElementById("show_x").innerHTML = point.x;
document.getElementById("show_y").innerHTML = point.y;
}
});
//]]>
参考一下API文档 http://topic.csdn.net/u/20090505/14/6251fd23-548d-43e0-a058-dd6c4a80a863.html