<script src="http://maps.google.com/maps?file=api&v=3&sensor=true&key=您的KEY" type="text/javascript"></script>
首先你要把这个库文件引入进来
<body onload="initialize()" onunload="GUnload()">
body里面要加载的方法
<span id="map_canvas" style=" 500px; height: 300px;border:4px solid #333;"></span>显示图片的位置
<script language="javascript">
var map = new GMap2(document.getElementById('map_canvas')); //实例化,显示地图的位置
map.addControl(new GSmallMapControl());
var search_city = new GClientGeocoder();
map.setCenter(new GLatLng(36.09778, 120.37236),13);//随便一个位置,接下来你要搜索的位置,其实这个你完全可以从数据库里面读出来
var city_point = search_city.getLatLng('杭州',
function(response) {
map.panTo(response);//去搜到到的城市,所有为什么上面可以随便给一个坐标,当然最好是国内的
GEvent.addListener(map, "click", function(marker, point) {
if (marker) {
//判单过了,这个标记存不存在
map.removeOverlay(marker);
//当我点击这个标记的时候就清理掉
document.getElementById('show_xy').value="";
} else {
//点击的时候这个标记不存在,我就创建
map.addOverlay(new GMarker(point));
//这个时候我可以再重新设置一个
//那这个时候我就要把信息返回来
document.getElementById('show_xy').value = point.y+','+point.x+','+map.getZoom();
//写到表单//point.x是X坐标 point.y Y坐标,getZoom是缩放级别
}
});
});
//我要求刚更进来的时候去默认去一个我设置的地方
</script>
<input type="text" id="show_xy" style="400px;" name="map"/>参数分别是y,x,缩放级别!
写到数据库里面去!