インタラクティブInfoWindow Google Maps APIを作成する

私は基本的に、インフォウィンドウの内容を変更するGoogle Mapインフォ画面のオプションをクリックできるようにしようとしています。インフォウィンドウ内のページa、b、cは、開け始める。インタラクティブInfoWindow Google Maps APIを作成する

私は（情報ウィンドウの外で）ページの上部にjqueryのを使用してみました

フォームの

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


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

});

とcontentvar内でそれらにID = \「何か\」を与えるが、無駄に私はまた、情報ウィンドウ内のフォーム

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

のJavaScriptを持つ試みたが、私はただ死のwhitescreenを取得します。とにかく、あなたはjavascript内のhtml内にjavascriptを置くことができますか？あるいは、すでにロードされているウィンドウ内から情報ウィンドウの内容を変更できるようにすることができます。ここで

は、私はいくつかのphpあなたの情報ウィンドウにタブを追加しようとしている人々のため

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); 






    }); 




    "; 
}}} 
?>

出典

2016-03-24 user2720867

問題を示す[最小、完全、テスト済みおよび読み取り可能な例]（http://stackoverflow.com/help/mcve）を入力してください。 – geocodezip