サポート » 使い方全般 » Geo-Mashupでマップ外のリンクボタンを使用し地図の中央を切り替えたい

  • 解決済 194sleep

    (@194sleep)


    WordPress バージョン4.1.8を使用しています。
    当方GeoMashupというプラグインを用いてGoogleMapを表示し、その中に
    世界のお祭りを表示することを行っています。

    今回壁にあたったのは、そのMAPに対し外的なリンクで表示の中心を変更するという機能の実装です。

    イメージとしては
    ┌───────────────┐
    │           │
    │    MAP    │
    │           │
    └───────────────┘
    │日本│アメリカ│韓国│中国│

    このようにマップとその外側にリンクバナーを設置し
    各バナーをクリックすることで選択国がマップの中心に来てほしいのですが、
    現状まったくそれらしい動きをしてくれません。

    一応色々と調べてみてバナーにonclickイベントを設定してみたのですが、
    上手くいかずこちらに質問させて頂きます。

    現在はバナーに

    <div class="map_box">[geo_mashup_map]</div>
    <a href="#japan" class="btn" onclick="setjapan">日本</a>
    
    <script>
    var japan = new google.maps.LatLng(35.689614,139.691585);
    function setjapan() {
    			  map.setCenter(japan);
    			  }
    </script>

    と記載しています。
    何がよくて何が悪いのか全く手がかりが無い状態でお手上げになってしまいました。

    大変恐縮なのですが何卒ご教授いただけないでしょうか?

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • モデレーター Okamoto Hidetaka

    (@hideokamoto)

    具体的にどううまくいかないのでしょうか?
    JavaScriptであれば
    http://weback.net/utility/1537/
    あたりの記事を確認されながらデバッグされてみてはと思いますがいかがでしょう。

    Okamoto Hidetaka様

    お返事ありがとうございます。
    その後コメントがなかなかつかず自身で解決しなければと奮闘してみました。
    結果時間がかかりましたが現在何とか解決いたしました。

    結果から言いますと、Geo Mushupはiframeで画面を形成しており、
    当初の私の行っていた処理はiframeの外側からiframe内へ命令を出す形になっておりました。
    そのため実行のプログラムがうまくいかない形となっておりました。

    多少強引ですが、Geo Mushupプラグインのテンプレートファイルにjavascriptを書き加えることでiframeの外から命令を出し、実行させることができました。

    Okamoto Hidetaka様コメントを頂けて非常にうれしく思います。
    ありがとうございました。
    誘導して頂いたサイトにも目を通したいと思います。

    このトピックを解決済みといたします。

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • トピック「Geo-Mashupでマップ外のリンクボタンを使用し地図の中央を切り替えたい」には新たに返信することはできません。