2017-05-19 5 views
-1

私はGoogleマップをWordpressのウェブサイトに持っています。マップは、高度なカスタムフィールドプラグインを介してロードされます。JavascriptでGoogleマップのURLを取得する

あなたは "Googleの上の左下隅にクリックすると、場所がGoogleマップに新しいタブで開きます(例えばhttps://www.google.com/maps/@10.8396607,4.7913165,11.5z?hl=en-US

私は、全体のマップがクリックされたときに、この現象が発生することが好きで、そうではないでしょう「Google」アイコンがクリックされたときにのみ表示されます。

私はJavascriptでそれを行う方法を知っていますが、問題はページからURLを取得できないようです。

多くのセレクタを試しましたが、そのURLを取得できないようです。 私が試したことの一つ:console.log($( ".acf-map a")。attr( 'href'));

ページ内の他のすべてのURLは取得できましたが、マップで生成されたURLは取得できませんでした。

HTML generating the map

答えて

0

代わりに、マーカーの上にそれを設定するのでは、変数「マップ」上で直接「クリック」イベントのトリガを設定することができるはずです。ここに必要なものはすべて見つかります。Link to maps reference

});

はすべきことです。

p.s.解決策があなたのために働くかどうか私に教えてください、私は自分で試すためのPCがありません

+0

アドバイスありがとうございます! 問題は、私は 'yoururl'パラメータを持っていないということです。 Googleマップのフルマップ(eghttps://www.google.com/maps/@10.8396607,4.7913165,11.5z?hl = ja-US)を取得する必要がありますが、すべてのマップごとに個別に取得するようです。 – waffle

+0

「yoururl」パラメータにはwww.google.comのような固定URLを使用できます。コード E.Gを使用して取得する必要はありません。 map.addlistener( 'click'、function(){ window.open( "www.youtube.com"); //または同様のもの }); –

+0

私はそれを取得する必要があります、私は私のウェブサイト(1だけではない)上の多くの異なるマップに必要なので。 ウェブサイト上の多くの異なるマップ(したがって多くの異なる場所)に対して一意のURLが生成され、ウェブサイト上のすべての異なるGoogleマップでその特定のURLを自動的に取得する必要があります。 – waffle

関連する問題