以下が可能かどうかさえわからないが、これまでのところネット上でどちらの方法でも確認できるものはまだ見つかっていない。
これを使って地図を表示しています
<iframe width="100%" height="100%" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.co.uk/maps?f=q&source=s_q&hl=en&geocode=&q=NP19+7GA&aq=&sll=52.405331,-4.159948&sspn=5.732167,16.907959&ie=UTF8&hq=&hnear=NP19+7GA,+United+Kingdom&ll=51.595904,-2.979781&spn=0.011397,0.033023&t=m&z=14&iwloc=near&output=embed"></iframe>
あなたがおそらく言うことができるように、それはグーグルマップのウェブページから外されます。これまでのところ、画面全体に表示されていますが、これは問題ありませんが、レスポンシブWebサイトに実装しており、ビューポートのサイズを変更するときに、生成されるマーカーを中央に配置できるかどうか疑問に思っていました。
現時点では、ビューポートと同じように地図が縮小しますが、マーカー(場所)が見えなくなります。
編集
私がグーグルマップAPIV3を使用する場合、私はそのようなイベントリスナーを追加することができます
google.maps.event.addDomListener(window, 'resize', function() {
map.setCenter(homeLatlng);
});
Jqueryにこの関数を作成する方法はありますか?