Google maps 如何删除google地图中的上一个标记_Google Maps_Google Maps Api 3

Google maps 如何删除google地图中的上一个标记

google-maps google-maps-api-3

Google maps 如何删除google地图中的上一个标记,google-maps,google-maps-api-3,Google Maps,Google Maps Api 3,这是我的地理编码器谷歌地图代码更改“选择”选项时，我的代码将起作用标记是外接程序地图，当我选择多个位置时，我想删除上一个标记 <!DOCTYPE html> <html><head><meta name="viewport" content="initial-scale=1.0, user-scalable=no"> <meta charset="utf-8"><title>Geocoding service</

这是我的地理编码器谷歌地图代码更改“选择”选项时，我的代码将起作用标记是外接程序地图，当我选择多个位置时，我想删除上一个标记

<!DOCTYPE html>
<html><head><meta name="viewport" content="initial-scale=1.0, user-scalable=no">
<meta charset="utf-8"><title>Geocoding service</title>
<style>
  html, body, #map-canvas {
   height: 100%;
   margin: 0px;
   padding: 0px
 }
 #panel {
   position: absolute;
   top: 5px;
   left: 50%;
   margin-left: -180px;
   z-index: 5;
   background-color: #fff;
   padding: 5px;
   border: 1px solid #999;
 }</style>
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script>
  <script>
 var geocoder;var map;
  function initialize() {
   geocoder = new google.maps.Geocoder();
    var latlng = new google.maps.LatLng(9.9252007,78.1197754);
    var mapOptions = {
    zoom: 8,center: latlng
      }   map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);
        }
     function codeAddress() {
     var address = document.getElementById('address').value;
     geocoder.geocode( { 'address': address}, function(results, status) {
     if (status == google.maps.GeocoderStatus.OK) {
     map.setCenter(results[0].geometry.location);
     var marker = new google.maps.Marker({
     map: map, position: results[0].geometry.location
      });
     } else {
     alert('Geocode was not successful for the following reason: ' + status);
      }}); }
       google.maps.event.addDomListener(window, 'load', initialize);

     </script>
      </head><body>
      <div align="center" verticle-align="ce">
      <form method="get" action="">
      <select name="address" id="address" onChange="codeAddress()" >
      <option value="chennai,india">chennai,india</option>
      <option value="madurai,india">madurai,india</option>
      <option value="bangalore,india">bangalore,india</option>
      <option value="delhi,india">Delhi</option>
      </select>
       </form> </div>
     <div id="map-canvas" style="width:750px;height:500px;"></div>
     </body></html>


地理编码服务
html，正文，#地图画布{
身高：100%；
边际：0px；
填充：0px
}
#面板{
位置：绝对位置；
顶部：5px；
左：50%；
左边距：-180px；
z指数：5；
背景色：#fff；
填充物：5px；
边框：1px实心#999；
}
var地理编码器；var映射；
函数初始化（）{
geocoder=新的google.maps.geocoder（）；
var latlng=新的google.maps.latlng（9.9252007,78.1197754）；
变量映射选项={
缩放：8，中心：latlng
}map=new google.maps.map（document.getElementById（'map-canvas'），mapOptions）；
}
函数代码地址（）{
var address=document.getElementById（'address'）。值；
geocoder.geocode（{'address'：address}，函数（结果，状态）{
if（status==google.maps.GeocoderStatus.OK）{
map.setCenter（结果[0].geometry.location）；
var marker=new google.maps.marker({
地图：地图，位置：结果[0]。几何体。位置
});
}否则{
警报（'地理编码因以下原因未成功：'+状态）；
}}); }
google.maps.event.addDomListener（窗口“加载”，初始化）；
印度钦奈
马杜赖，印度
印度班加罗尔
德里

守则的工作：

当我加载页面时，它会自动加载初始位置，我会更改选项值，它会加载“选择一个”

将

marker

作为全局变量，将标记定义移动到

initialize（）

函数，并在更改选择集位置时使用

marker.setPosition（）

：

看

var geocoder;
var map;
var marker;

function initialize() {
    geocoder = new google.maps.Geocoder();
    var latlng = new google.maps.LatLng(9.9252007,78.1197754);
    var mapOptions = {
        zoom: 8,
        center: latlng
    }; 
    map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);

    marker = new google.maps.Marker({
        map: map
    });
}

function codeAddress() {
    var address = document.getElementById('address').value;
    geocoder.geocode( { 'address': address}, function(results, status) {
        if (status == google.maps.GeocoderStatus.OK) {
            var position = results[0].geometry.location;
            map.setCenter(position);

            marker.setPosition(position);
        } else {
            alert('Geocode was not successful for the following reason: ' + status);
        }
    }); 
}

google.maps.event.addDomListener(window, 'load', initialize);