2013-05-22 79 views
0

我已經實施了帶有郵政編碼多邊形的谷歌地圖,即我使用不同的郵政編碼座標在地圖上繪製了某些郵政編碼多邊形。在郵政編碼多邊形上,我展示了市場標誌。當我點擊郵政編碼多邊形或市場標記時,它會顯示一個包含相應數據的信息窗口。但是這個窗口在地圖內部打開,指向相應的郵政編碼/市場標記。現在我有一個要求,我必須在地圖之外顯示信息窗口,而不考慮郵政編碼/標記。就像我會在地圖外面保留一定的固定區域(可能是div),當我點擊任何一個郵政編碼區域時,信息窗口將顯示在該固定區域內。我們該怎麼做。顯示谷歌地圖以外的信息窗口

我的工作代碼

var path = [ 
       {% for polycoord in zip.zip_info.zip_polygon %} 
        new google.maps.LatLng({{polycoord.1}}, {{polycoord.0}}), 
       {% endfor %} 
      ]; 



var polygon = new google.maps.Polygon(
    { 
     path:path, 
     clickable:true, 
     strokeColor: '#000000', 
     strokeOpacity: 0.75, 
     strokeWeight: 1, 
     fillColor: '#333fff', 
     fillOpacity: 1, 
    } 

); 



google.maps.event.addListener(polygon, 'click', function (event) { 
      $.ajax({ 
       type: "GET", 
       url: GET_DATA, 
       data: dataString, 
       success: function(res) { 
        if(res != '') { 
         var contentString = res; 
         var infoWindow = new google.maps.InfoWindow(
             { content: contentString });  
         infoWindow.setPosition(event.latLng); 
         infoWindow.open(map); 
         google.maps.event.addListener(map, 'click', function() { 
          infoWindow.close(); 
         }); 
        } else { 
         alert('No data found') 
        } 
       } 
      }); 
    }); 
+0

它是可以得到的價值,並將其插入到另一個div ..你可以發佈你的代碼,以便我可以有一個更好的外觀。 – harikrish

+0

嗨harikrish我添加了我的工作代碼。使用此代碼時,我點擊任何郵政編碼區域,它會顯示地圖內的信息窗口。 – sandeep

+0

類似[this](http://www.geocodezip.com/v3_GoogleEx_layer-kml_world_countries_simple.html)? (在地圖外的div中顯示點擊的國家...) – geocodezip

回答

0

應工作(如果你現有的代碼做),沒有測試。

google.maps.event.addListener(polygon, 'click', function (event) { 
     $.ajax({ 
      type: "GET", 
      url: GET_DATA, 
      data: dataString, 
      success: function(res) { 
       if(res != '') { 
        var contentString = res; 
        document.getElementById('theIdOfYourDiv').innerHTML = res; 
       } else { 
        alert('No data found') 
       } 
      } 
     }); 
}); 
相關問題