google地图创建一个标记,删除标记,放出源码,很好的融合到你的项目中,自动搜索地址,点击创建,点击标记删除,取得经纬度和缩放级别,取得结果放到表单,写到数据库(原创)

<script src="http://maps.google.com/maps?file=api&amp;v=3&amp;sensor=true&amp;key=您的KEY" type="text/javascript"></script>

　　首先你要把这个库文件引入进来

body里面要加载的方法

<span id="map_canvas" style="width: 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="width:400px;" name="map"/>参数分别是y,x,缩放级别!

写到数据库里面去!

posted on 2011-08-09 09:57 网宗阅读(458) 评论(1) 编辑收藏举报