谷歌地圖如何顯示只有一個標記？

我一直在處理這幾個小時，我仍然不知道如何去做。谷歌地圖如何顯示只有一個標記？

我的目標是在搜索彼此靠近的地址時僅顯示一個標記。

下面你有我在我的HTML中使用的代碼爲了搜索地址，注意 - 我正在開發一個Windows應用程序，這樣做，在這種情況下，你可能會發現一些缺少的東西，這是通過.NET Windows應用程序進行

HTML代碼

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 
<html> 
<head> 
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> 

<script type="text/javascript" src="http://maps.google.com.mx/maps/api/js?sensor=true&language=es"></script> 
<script type="text/javascript"> 

     var G = google.maps; 
     var map; 
     var geocoder = new G.Geocoder(); 
     var marker; 
     var markersArray = [1]; 

     function initialize() { 
      createMap(); 
      geocode('Chicago'); 
     } 

     function createMap() { 
      var myOptions = { 
       center: new G.LatLng(0,0), 
       zoom: 17, 
       mapTypeId: G.MapTypeId.ROADMAP 
      } 
      map = new G.Map(document.getElementById("map_canvas"), myOptions); 
     } 

function geocode(address){ 
      geocoder.geocode({ 'address': (address ? address : "Miami Beach, Florida")}, function (results, status) { 
       if (status == G.GeocoderStatus.OK) { 
        map.setCenter(results[0].geometry.location); 

         marker = new G.Marker({ 
         map: map, 
         animation: google.maps.Animation.DROP, 
         position: results[0].geometry.location 
         }); 


       } else { 
        alert("Geocode was not successful for the following reason: " + status); 
       } 
      }); 

     } 


     </script> 
     </head> 
     <body onload="initialize()"> 
     <div id="map_canvas" style="width:100%; height:100%"></div> 

     </body> 
    </html>

閱讀以前的職位，我知道，if/else語句已被使用，但不能得到它的權利。

你的幫助是非常感謝。

利奧P.

來源

2012-09-01 TopoX

Google語音（在標題中）與此有什麼關係？ – geocodezip

我的錯誤，我正在考慮從谷歌語音中獲得的語音郵件，我會糾正它。謝謝你指出。 – TopoX

可以的一小段代碼添加到您的地址解析函數的開始，將設置一個新的前刪除以前的標記。試試這個：

function geocode(address){ 
    if (marker) { 
     marker.setMap(null); 
    } 
    geocoder.geocode({ 'address': (address ? address : "Miami Beach, Florida")}, function (results, status) {

來源

2012-09-02 01:06:31 johnrom

非常感謝你，完美無瑕地工作 – TopoX

只創建一個標記作爲全局變量並根據需要更改其位置。像這樣你也可以節省內存，因爲你不會爲每個請求創建一個新的標記對象：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 
    <html> 
    <head> 
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> 
    <style> 
    html, body {width:100%; height:100%} 
    </style> 

    <script type="text/javascript" src="http://maps.google.com.mx/maps/api/js?sensor=true&language=es"></script> 
    <script type="text/javascript"> 

      var G = google.maps; 
      var map; 
     var marker; 
      var geocoder = new G.Geocoder(); 


      function initialize() { 
       createMap(); 
       geocode('Chicago'); 
      } 

      function createMap() { 
       var myOptions = { 
        center: new G.LatLng(0,0), 
        zoom: 17, 
        mapTypeId: G.MapTypeId.ROADMAP 
       } 
       map = new G.Map(document.getElementById("map_canvas"), myOptions); 

// Create a single marker, (global variable), and don't give it a position just yet. 
     marker = new G.Marker({ 
     map: map, 
     animation: google.maps.Animation.DROP, 
     }); 

      } 

    function geocode(address){ 
       geocoder.geocode({ 'address': (address ? address : "Miami Beach, Florida")}, function (results, status) { 
        if (status == G.GeocoderStatus.OK) { 
         map.setCenter(results[0].geometry.location); 

       //Position the marker 
       marker.setPosition(results[0].geometry.location); 

        } else { 
         alert("Geocode was not successful for the following reason: " + status); 
        } 
       }); 

      } 


      </script> 
      </head> 
      <body onload="initialize()"> 
      <div id="map_canvas" style="width:100%; height:100%"></div> 

      </body> 
     </html>

來源

2012-09-02 10:04:22 Marcelo

谷歌地圖如何顯示只有一個標記？

回答

相關問題