Etkileşimli bir InfoWindow Google Haritalar API'si oluşturma

Kullanıcıya, esasen Google Map'in içerisindeki seçenekleri tıklatmaya çalışıyorum. Bu, içerideki içeriğin içeriğini değiştirecek seçenekler, yani bir sayfa a, b, c, başlangıçta ne zaman? açıldı a.Etkileşimli bir InfoWindow Google Haritalar API'si oluşturma

Ben contentvar içeride

formu

$(document).ready(function(){ 
$("#other1").click(function(){ 


    $("#thingy").slideToggle("slow"); 
    $("#squirry").slideToggle("slow"); 
}); 

});

ait

ve onlara id = \ "şey \" vererek (infowindow dışında) sayfanın en üstünde jquery kullanarak denedim

ama boşuna için ben de

function removeDummy() { 
var elem = document.getElementById('dummy'); 
elem.parentNode.removeChild(elem); 
return false; 
}

infowindow iç

ama sadece ölüm whitescreen olsun formun javascript sahip denedim. Javascript html içinde javascript içine koyabilirsiniz zaten var mı? ya da zaten bir pencerenin içeriğinin, zaten yüklendikten sonra pencereden değiştirilmesine izin vermek için. İşte

i bazı php sizin infowindow sekmeler eklemek için çalışıyor bu insanlar için

echo " 

var myLatLng$i = {lat: $lat[$i], lng: $lng[$i]};  

     var image = 'nuticon.png'; 
     var address$i = new google.maps.Marker({ 
      position: myLatLng$i, 
      icon: image, 
      map: map}); 






     address$i.addListener('click', function() { 

     document.getElementById('right-panel').innerHTML = ''; 



         var contentString$i = 
        '<div id=\"content\">'+ 
    '<div id=\"siteNotice\">'+ 
    '</div>'+ 
    '<h1 id=\"firstHeading\" align=\"center\" class=\"h3\">$titles[$i]</h1>'+ 
    '<table border=\"1\" align=\"center\"><tr><p><td><b>Info</b></td><td> <b>Menu </b></td><td><b>Pictures</b></td></p></tr></table>'+ 
    '<div id=\"bodyContent\" align=\"center\">'+ 
    '<p></p>'+ 
'<iframe id=\"iframe\" src=\"http://voting.first-jump.com/init.php?a=g&g=1000000000004$i&m=0&n=5&s=25&nosound=1&f=3.png&f_a=&f_b=&f_c=\" allowtransparency=\"true\" hspace=\"0\" vspace=\"0\" marginheight=\"0\" marginwidth=\"0\" frameborder=\"0\" height=\"38\" scrolling=\"no\" width=\"128\"></iframe>'+ 
'</div>'+ 

    '<p align=\"center\" id=\"logo\" ><img src=\"$i.png\" width=\"120\" onclick=\"window()\"></p>'+ 
    '<p align=\"center\" id=\"weblink\">Website Link: <a href=\"$websites[$i]\">'+ 
    '$titles[$i]</a> ' 

    '</div>'; 
      var infoWindow$i = new google.maps.InfoWindow({ 

map: map, 
content: contentString$i, 
maxWidth: 200 
     }); 
infoWindow$i.open(map, address$i); 



var directionsService = new google.maps.DirectionsService; 

    var directionsDisplay = new google.maps.DirectionsRenderer({ 
     draggable: false, 
     map: map, 
     panel: document.getElementById('right-panel') 
    }); 
    directionsDisplay.setOptions({ suppressMarkers: true }); 
    directionsDisplay.addListener('directions_changed', function() { 
     computeTotalDistance(directionsDisplay.getDirections()); 
    }); 

    displayRoute(pos, '$lat[$i],$lng[$i]', directionsService, 
     directionsDisplay); 






    }); 




    "; 
}}} 
?>

kaynak

2016-03-24 user2720867

Lütfen sorununuzu gösteren bir [Minimal, Tam, Test Edilebilir ve Okunabilir örnek] (http://stackoverflow.com/help/mcve) belirtin. – geocodezip