搜狗地图刷新后可拖动的小红点不更新-优快云博客

本文链接：https://blog.youkuaiyun.com/u010786882/article/details/9164543

功能如下：进入页面的时候有一个初始地图，上面有一个可拖动的小红点。
界面有个下拉列表对应一定的地理名称，点击响应的名称之后，地图更新显示对应的位置，同样有个可拖动的小红点。
现在出现的问题是：地图更新了，出现了两个小红点，一个是界面初始化时的，一个是地图更新之后的，可拖动的小红点是初始化时的小红点，更新之后的小红点无法拖动。

代码如下：

 
        function  
        initialize(alng,blat) 
       
        { 
       
        var  
        lng = alng; 
       
        var  
        lat = blat; 
       
        var  
        convertor=getInstance(sogou.maps.Convertor);  
       
        var  
        myLatLng =  
        new  
        sogou.maps.Point(lng,lat);  
       
        if 
        (lng<1000) 
       
        myLatLng = convertor.toSogou(myLatLng); 
       
        var  
        latlng =  
        "" 
        ; 
       
        var  
        myOptions = {  
       
        zoom: 15,  
       
        center: myLatLng  
       
        };  
       
        var  
        map =  
        new  
        sogou.maps.Map(document.getElementById( 
        "map_canvas" 
        ), myOptions);  
       
        var  
        markerOptions={  
       
        draggable: 
        true 
        , 
       
        map: map,  
       
        position: myLatLng,  
       
        visible: 
        true    
       
        }; 
       
        tt(markerOptions); 
       
        } 
       
        function  
        tt(markerOptions) 
       
        { 
       
        var  
        markerOptions=markerOptions; 
       
        var  
        marker =  
        new  
        sogou.maps.Marker(markerOptions); 
       
        marker.setDraggable( 
        true 
        );      
       
        sogou.maps.event.addListener(marker, 
        "dragend" 
        , 
        function 
        (mouseEvent){  
       
        //参数返回mouseEvent对象  
       
        //拖动结束位置的坐标为：mouseEvent.point  
       
        //其他事件请查看文档说明  
       
        latlng=marker.getPosition(); 
       
        //document.getElementById("event_lat").value=((latlng+"").split(",")[1])/116574.488148252; 
       
        //document.getElementById("event_lng").value=((latlng+"").split(",")[0])/111320.70203988; 
       
        $( 
        "#lat" 
        ).val((latlng+ 
        "" 
        ).split( 
        "," 
        )[1]); 
       
        $( 
        "#lng" 
        ).val((latlng+ 
        "" 
        ).split( 
        "," 
        )[0]); 
       
        //     alert((latlng+"").split(",")[1]); 
       
        });