• 締切済み

googlemapのマーカーとRSSの連携

googlemap上の複数のマーカーのうち、あるマーカーの情報ウィンドウの内容が更新されるとそのマーカーの色が変わる・揺れるなどして情報ウィンドウの内容の更新を知らせる。などの技をご存じ、または、関連した情報をご存じの方いらっしゃいますでしょうか。

みんなの回答

  • fujillin
  • ベストアンサー率61% (1594/2576)
回答No.1

ご質問が曖昧なので、よくわかりませんが… ＞あるマーカーの情報ウィンドウの内容が更新されると～～ 情報ウィンドウの更新はどのような仕組みで行われるのでしょうか？ 普通に考えればクライアントサイドのスクリプトで書き換えていると思うので、その際に一緒にマーカーを変更すればよいだけと思えますが… それとも、情報ウィンドウの内容は固定リンク表示のみとかで、ご質問は「そのリンク先が更新されたら～」って意味でしょうか？ その場合は、それぞれのリンク先を追いかけて確認する必要があるので、サーバサイドで処理しておいて、クライアントからは定期的に更新情報のリクエストを行い、更新があればマーカーに反映するといった考え方になるかと。 全体の更新頻度がどのくらいで起こるような情報なのかがわかりませんが、閲覧者が閲覧中に更新されたものを表示するという意図だと、かなりの頻度で更新されるようなものでないとほとんど有効でないように想像します。 一定時間以内に更新されたものを「更新」とみなすのなら（いわゆるNEW表示みたいなもの）、ほとんど「NEW表示」と同じ考え方でいけますね。その場合は、最初の表示時に判別さえすれば、後はリアルタイムでリクエストする必要もないケースもあるかと… それ以前に、マップの表示やRSS（ご質問のタイトルにあるだけだけど）情報の取得とかがわからないのなら… ◇マップ 　https://developers.google.com/maps/documentation/javascript/reference?hl=ja ◇ＲＳＳ 　https://developers.google.com/feed/v1/reference?hl=ja 　http://gihyo.jp/design/serial/01/jquery-site-production/0018 　http://allabout.co.jp/gm/gc/24099/ 　http://www.ibm.com/developerworks/jp/xml/library/x-ajaxrss/index.html

wai8605
質問者

お礼

fujillinさん、お忙しい中、ご回答ありがとうございます。 情報ウィンドウのcontentsはiframeで別のサイトの内容を表示します。 そのサイトが更新されたらマーカーになんらかのアクションをさせる。（マーカーの形を変える。new!の文字を表示する。・・・など） こんなことが可能か探っています。 いずれにしても、fujillinさんがご紹介してくださったサイトを理解することからはじめ、それでも不明でしたら、また、質問させていただきます。 このたびは、本当にありがとうございました。

  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. その他（プログラミング・開発）

関連するQ&A

  • GoogleMap のマーカーに数値を表示したい

    GoogleMap のマーカーに数値を表示したいと考えております。 (通常のマーカーは黒い丸が真ん中にある代わりに、 数値を表示できればと思っています。) ネットで調べてみたのですが、適切な情報にたどり着けませんでした。 どなたかお助けいただけないでしょうか。 どうぞ宜しくお願い致します。

  • GoogleMapでの複数マーカー表示について

    MySQLのデータベースに格納してある緯度と経度を使い、GoogleMap上に複数のマーカーを表示させるプログラムをJSPで作成したいのですが、 JSP内ではデータベースの緯度と経度をうまく取得できず、その後別のjavaで一度取得した経度と緯度をArrayListでリストに入れ、それをJSPで受け取り配列に入れる形式にしてみました。 しかし、それもうまく表示させることができませんでした。 MySQLのデータベースの緯度と経度を使ってGoogleMap上に複数マーカーを表示するにはどうすればいいのでしょうか？ アバウトな質問になってしまい申しわけありません。 どうかよろしくお願いいたします！

  • GoogleMapにカラーマーカーと吹き出し

    GoogleMapにそれぞれのポイントに色んな色のカラーマーカーと吹き出しをいれたいのですが 吹き出しを表示させる方法はなんとかなったのですが 現在のHTMLに上手くマーカーに色を設定できません。 現在のmapが下記URLになります。こちらのどこに書き込めば反映されるのかどうかご教授よろしくお願いいたします。 http://www.royal-resort.co.jp/hakone/g_map/test_map.html

    • ベストアンサー
    • HTML
  • googlemapへのリンクを作りたい

    度重なる質問をすみません。 googlemapへリンクを飛ばしたいのですが、できれば正確に位置のマーカー（赤いやつ）とストリートビューを表示させてたいと考えています。 html内ではなく、直接新しくgooglemapのウィンドウが開くやり方で教えてください。 どうかよろしくお願いいたします。

    • ベストアンサー
    • HTML
  • googlemapについて教えてください。

    googlemapで設置しておいたオリジナル画像のマーカーの画像を変更したいと思っています。setMap(null);メソッドで消してから同じ緯度経度に画像を変えたマーカーを var marker = new google.maps.Marker({ map: gmap, position: new google.maps.LatLng(lat, lng), icon: 'img/icon01.png' }); で設置して画像を変えたようにしたのですが、うまくいきません。マーカーの画像の変更しかたご存知の方教えてください。

  • GoogleMapApi GoogleMap のカスタマイズについて。現在見えているマーカーの情報のみをサイドバーに表示したい。

    GoogleMapをサイトで利用を考えています。 現在、XMLを利用して、マーカーをGMap上へ表示させることまではできました。 http://www.i-ll.jp/test/map/xml.html コードはソースを参照をお願いします。 ここからカスタマイズについてなのですが 現在はマーカーの情報をすべてサイドバーに表示してあります。 これを、マーカーが実際に目で見えている情報のみをサイドバーに表示させたい場合 どうしたらよいのでしょうか？（添付画像参照） スクロールするたびに情報が変化します。 参考サイト 川越なう：http://kawagoe-now.jp/ 初めて、GoogleMapをカスタマイズしていて、不慣れな部分も多いのですが よろしくお願いいたします。

  • googlemapで複数条件絞り込みでマーカー表示

    googlemapにおいて複数条件絞り込みでマーカーを表示する方法に関して説明 しているサイトなどご教えていただきたく。 または、その方法をご存じないでしょうか。 ＜例＞ 検索条件(1)　都道府県（ドロップダウンリスト表示） 検索条件(2)　市 　　　　　　（(1)で選択した都道府県に従属した市のみ 　　　　　　　ドロップダウンリスト表示候補となる） 検索条件(3)　区 　　　　　　（(2)で選択した都道府県に従属した区のみ 　　　　　　　ドロップダウンリスト表示候補となる） 「検索実行」ボタンを押すと検索条件(3)に該当するマーカーのみ表示される。 　　　　　

  • googleMapでアイコンを変更すると、情報ウインドウがでなくなる。

    googleMapでアイコンを変更すると、情報ウインドウがでなくなる。 下記のようにデフォルトアイコンのマーカーと、アイコンを変更したマーカーをgoogleMapに表示しております。 var map = new GMap2(document.getElementById("map_canvas")); map.setCenter(new GLatLng(41.7724,140.72628), 12); var markerIcon1 = new GIcon(); markerIcon1.image = "./green.png"; markerIcon1.iconAnchor = new GPoint(16, 32); var opt1 = {icon:markerIcon1,clickable:true}; var marker1 = new GMarker(new GLatLng(41.75886,140.703535), opt1); var marker2 = new GMarker(new GLatLng(41.79672,140.757179), {clickable:true}); map.addOverlay(marker1); map.addOverlay(marker2); marker1.bindInfoWindowHtml("てすと１<br />",{maxWidth:200}); marker2.bindInfoWindowHtml("てすと２<br />",{maxWidth:200}); するとデフォルトアイコンのマーカーはクリックした際に情報ウインドウが表示されるのですが、アイコン画像を変更したほうのマーカーはクリックしても情報ウインドウが表示されず、「エラー: b is undefined　ソースファイル: http://maps.gstatic.com/intl/ja_ALL/mapfiles/193c/maps2.api/main.js　行: 1224」というエラーが表示されてしまいます。 アイコン画像を変更したマーカーでは情報ウインドウは表示できないのでしょうか？

  • google mapのマーカーについて

    オブジェクトに関わる質問があります。 今ある地図上に複数のマーカーを表示させて地図をクリックすると、ズームされた子ウィンドウが出てきます。 そして、子ウィンドウではマーカーをドラッグする事が可能になっており、親ウィンドウから子ウィンドウへの情報の受け渡しはできたのですが、移動させたマーカーの新しい緯度、経度の情報を更新させて親ウィンドウに引き渡す作業で手間取っております。 それぞれのマーカーはオブジェクになっており、まだオブジェクトの理解が足りないので、もしわかる方がいましたらお願いします。 以下のコードを使ってます // creating a map var map = new GMap2(document.getElementById("map")); var pointsets = [40.9, -74.2, 41.3, -73.8, 41.1, -74.1, 40.9, -74.18, 41.29, -73.79]; var sets = pointsets.split(","); var markerpoints = new Array(sets.length/2); for(var i=0; i<sets.length/2; i++) { markerpoints[i] = new GLatLng(sets[2*i], sets[2*i+1]); } for(var i=0; i<sets.length/2; i++) { map.addOverlay(makeMarker(markerpoints[i])); } function makeMarker(point){ var marker = new GMarker(point, {draggable:true, autoPan:false, bouncy:true}); return marker; } 以上のコードを使うと、マップ上に複数のマーカーが表示されて、それぞれのマーカーはドラッグ可能になります。 移動させたマーカーの新しい情報を更新させていくには、イベントを使えばと思っているのですが、効率のよいやり方はありますでしょうか？ お手数ですが、よろしくお願いします

  • GoogleMap　クリックで情報ウィンドウ

    GoogleMap API v3で、任意の一点をクリックするとマーカーが置かれ座標取得、 そしてそのマーカーに情報ウィンドウが出るようにしたいと思っています。 //地図クリックイベントの登録 google.maps.event.addListener(map, 'click', function(event) { if (Marker){Marker.setMap(null)}; Marker = new google.maps.Marker({ position: event.latLng, draggable: true, map: map }); infotable(Marker.getPosition().lat(), Marker.getPosition().lng(),map.getZoom()); で、マーカーの設置と座標取得はできるのですが、 new google.maps.InfoWindowをどこに置いていいのかが分かりません。 どなたかお詳しい方、ご教示願えないでしょうか。 宜しくお願い致します。

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する