Youtubeのあるﾕｰｻﾞｰの動画をGoogleMap上に表示し､そのMapをｻｲﾄに表示させたいと思っています｡詳しく書きますと､ Youtubeのある特定のｱｶｳﾝﾄが投稿した動画1…

Youtubeのあるﾕｰｻﾞｰの動画をGoogleMap上に表示し､そのMapをｻｲﾄに表示させたいと思っています｡

詳しく書きますと､
Youtubeのある特定のｱｶｳﾝﾄが投稿した動画1つ1つに設定された地図位置情報を､GoogleMapに表示をしてﾋﾟﾝをうって､ﾋﾟﾝをｸﾘｯｸするとﾌｷﾀﾞｼが表示されてYoutubeを表示｡
そのGoogleMapをｻｲﾄに埋め込み表示させたいと思っています｡

Youtube,MapsのAPIがわからず実装できませんでした｡
ｺｰﾄﾞなど書いて頂けたら大変助かります｡

まず､複数の Marker を作るｻﾝﾌﾟﾙ｡
http://waox.main.jp/news/?p=2238

ﾃﾞﾓは､こちら｡
http://waox.main.jp/news/maps/v3/example/array_marker1.html

ｿｰｽ中の､23行目からの配列で､'公園1' とかが InfoWindow の内容に表示されることを覚えておきます｡

で､InfoWindow の中に､YouTube の動画を表示するｻﾝﾌﾟﾙがこちら｡
http://waox.main.jp/news/?p=2187

ﾃﾞﾓは､こちら｡
http://waox.main.jp/news/maps/v3/example/map-info7.html

25行目で InfoWindow#open ﾒｿｯﾄﾞを呼んでいるので､最初から吹き出しが表示されていますが､18行目の contentString に YouTube の埋め込みｺｰﾄﾞの <iframe> の内容が書かれていることに着目｡

最初の複数の Marker を作るｻﾝﾌﾟﾙで､23行目で定義している配列の､最初の要素を､YouTube の埋め込みｺｰﾄﾞを含むような HTML の断片にすれば､動画を表示する複数の Marker が配置できると思います｡

追記です｡

Youtubeﾕｰｻﾞｰの更新毎に自動でMapsに反映されるようにはできないでしょうか｡

Youtube の埋め込みｺｰﾄﾞの部分は､ID の部分をどうするか､ってことになります｡
そちらは､YouTube API を使って検索します｡
検索結果から､埋め込みｺｰﾄﾞの該当部分を作ります｡

Google Maps API が javascript なので､JSON ｲﾝﾀｰﾌｪｰｽの API を使うことになると思います｡

https://developers.google.com/youtube/2.0/developers_guide_protocol_api_query_parameters
検索は､上記の author ﾊﾟﾗﾒｰﾀで､Youtube ﾕｰｻﾞの ID を指定します｡

返ってくる結果は､こちらを参考｡
https://developers.google.com/youtube/2.0/developers_guide_protocol_video_entries
https://developers.google.com/youtube/2.0/developers_guide_protocol_understanding_video_feeds#Understanding_Video_Entries

中身を読む前に､Youtube API の JSON ｲﾝﾀｰﾌｪｰｽを使うﾌﾟﾛｸﾞﾗﾑのｺｰﾄﾞがこちら｡
http://blog.kazuhiroshibuya.com/archives/51446267.html

entry というところのﾃﾞｰﾀをﾙｰﾌﾟで取り出しているところに着目｡
で､XML でのﾚｽﾎﾟﾝｽのﾃﾞｰﾀを再確認｡

多分､抽出しなきゃいけないのは､entry ﾉｰﾄﾞの直下の以下の二つのﾉｰﾄﾞ｡

link の href 属性
gml:Point の gml:pos のﾃｷｽﾄ