前回の【Monaca】Onsen UIでGoogleマップを表示する その2のコードを流用して、Googleマップを切り替える方法を紹介します。



まずはMonacaデバッガーの表示結果です。
それぞれの駅名をタップすると、Googleマップが切り替わります。

予め、パラメータに各駅の緯度・経度を設定します。
駅名をタップした場合、iframesrc属性にGoogleマップのURLと各駅のパラメータを設定します。
iframeの高さは、ons-listの高さ分を引いて設定します。

まっぷる 熊本・阿蘇 黒川温泉・天草’20 (マップルマガジン 九州 5)

新品価格
¥972から
(2019/7/3 15:00時点)

【Monaca】Onsen UIでGoogleマップを切り替える
Tagged on: