2015-03-11 5 views
0

Я выделил страну Индия и Мексику, используя запрос таблицы фьюжн, и я добавил некоторый маркер для страны Индия, когда я нажимаю на маркер, это всплывающее окно с его гиперссылкой.Скрыть дополнительное информационное окно на карте google

Моя проблема заключается в том, что когда я нажимаю на карту, кроме моего пользовательского маркера, появляется всплывающее окно с информацией, например, snack.It содержит некоторую информацию о месте.

Demo: - Click Here

map

Здесь я хочу скрыть, что дополнительное информационное окно, кроме маркера информационного окна, которые открываются, когда вы нажимаете на маркер.

Пример кода: -

$(document).ready(function(){ 

    var layer; // Fusion Tables layer 

var tableid = 420419; 


var image = new google.maps.MarkerImage(
         '/static/img/icon-pin.png', 
         new google.maps.Size(68, 80), 
         new google.maps.Point(0,0), 
         new google.maps.Point(19, 49)); 

     var mapOptions = { 
      center: new google.maps.LatLng(20.91129,-10.14098), 
      zoom:3, 
      el: '#map', 
      disableDefaultUI: false, 
      draggable: true, 
      zoomControl: true, 
      scrollwheel: true, 
      icon: image, 


     }; 

      var geocoder = new google.maps.Geocoder(); 
     var map = new google.maps.Map(document.getElementById("map-canvas"), 
      mapOptions); 



     new_boundary = new google.maps.LatLngBounds(); 



     var marker = new google.maps.Marker({ 
      map: map, 
      position: new google.maps.LatLng(-25.2743980, 133.7751360), 
      icon:new google.maps.MarkerImage(
      "/profiles/image/9", 
      new google.maps.Size(68, 49), 
      new google.maps.Point(0,0), 
      new google.maps.Point(19, 49)), 
      flat: true, 
      anchor: 8, 

      }); 

      new_boundary.extend(new google.maps.LatLng(-25.2743980, 133.7751360)); 



     var marker = new google.maps.Marker({ 
      map: map, 
      position: new google.maps.LatLng(-40.9005570, 174.8859710), 
      icon:new google.maps.MarkerImage(
      "/profiles/image/2", 
      new google.maps.Size(68, 49), 
      new google.maps.Point(0,0), 
      new google.maps.Point(19, 49)), 
      flat: true, 
      anchor: 8, 

      }); 
new_boundary.extend(new google.maps.LatLng(-40.9005570, 174.8859710)); 



      //map.fitBounds(new_boundary); 


layer = new google.maps.FusionTablesLayer({ 
    query: {select: "kml_4326", 
      from: tableid, 
     // where: "name_0 = 'India'"}, 
      where: "name_0 IN ('Mexico','India')"}, 

    styles: [{ 
    polygonOptions: { 
    strokeWeight: "0", 
    //strokeColor: "#FF0000", 
    //strokeOpacity: "0.4", 
    fillOpacity: "0.1", 
    fillColor: "#FF0000" 

    } 
}]}); 
layer.setMap(map); 
}); 

ответ

1

Подавить InfoWindow на вашем FusionTablesLayer (установить suppressInfoWindows option истина):

layer = new google.maps.FusionTablesLayer({ 
    suppressInfoWindows: true, // ** set suppressInfowindows: true 
    query: {select: "kml_4326", 
      from: tableid, 
      where: "name_0 IN ('Mexico','India')"}, 
    styles: [{ 
    polygonOptions: { 
    strokeWeight: "0", 
    fillOpacity: "0.1", 
    fillColor: "#FF0000" 

    } 
}]}); 
layer.setMap(map); 
+0

большой ответ +1. –

Смежные вопросы