2012-10-12 27 views
5

Google Haritalar API'sı ile uğraşıyorum ve bir kullanıcı özel haritayı tıkladıktan sonra bilgi içeren bir pop-up haritasının nasıl ekleneceğini anlayamıyorum. simge ekledim. Kullandığım kod aşağıdadır ve bir örnek littlemarketbrasserie.com adresinde bulunmaktadır.Google Maps API Özel Pop-Up

Herhangi bir yardım büyük ölçüde takdir edilecektir.

<script type="text/javascript"> 
     function initialize() { 
     var mapOptions = { 
      zoom: 15, 
      panControl: false, 
      mapTypeControl: false, 
      center: new google.maps.LatLng(41.89924, -87.62756), 
      mapTypeId: google.maps.MapTypeId.ROADMAP 
     } 
     var map = new google.maps.Map(document.getElementById('map_canvas'), 
             mapOptions); 

     var image = 'img/lm-logo-maps1.png'; 
     var myLatLng = new google.maps.LatLng(41.89924, -87.62756); 
     var marker = new google.maps.Marker({ 
      position: myLatLng, 
      map: map, 
      animation: google.maps.Animation.DROP, 
      icon: image, 
     }); 

     var styles = [ 
        { 
        stylers: [ 
         { hue: "#ff9f67" }, 
         { saturation: -20 }, 
         { gamma: 1.50 } 
        ] 
        },{ 
        featureType: "road", 
        elementType: "geometry", 
        stylers: [ 
         { lightness: 100 }, 
         { visibility: "simplified" } 
        ] 
        },{ 
        featureType: "road", 
        elementType: "labels.text.stroke", 
        stylers: [ 
         { visibility: "off" } 
        ] 
        }, 

        { 
        featureType: "water", 
        elementType: "geometry.fill", 
        stylers: [ 
         { visibility: "on" }, 
         { color: "#ffa066" }, 
         { lightness: 80 } 
        ] 
        } 
       ]; 

       map.setOptions({styles: styles}); 
     } 
    </script> 

cevap

6

yaklaşık infowindow söz varsa o zaman initialize fonksiyonu

var popup=new google.maps.InfoWindow({ 
    content: "Hello" 
}); 
google.maps.event.addListener(marker, 'click', function(e) { 
    // you can use event object as 'e' here 
    popup.open(map, this); 
}); 

DEMO içine kullanabilirsiniz.

Ayrıca özel bir infowindow o zaman jQuery iletişim kutusunu kullanarak this ve this example bir göz alabilir tarz eklemek istiyorsanız.