3

ウェブサイト用の Google マップのカスタマイズに取り組んでいます。APIとカスタマイズのサイトで欲しいものをなんとか手に入れることができました。

現在、マップをスクロールして、近くに移動したり、より高い位置に移動したりできます。マップ (フォームを含む) の上に配置された div で同じことができるのだろうか?

マイマップ (フォームは右側にあります): *削除*

Ps: セキュリティ上の理由から、マップをピクセル化しました。

前もって感謝します、

4

2 に答える 2

1

確実なこと。Maps API はメソッドgetZoomを公開しsetZoom、そのようなことを行います。必要なことは、コンテナー内のマウスホイール イベントのイベント ハンドラーをセットアップすることだけです。

次のようになります。

$('#container').on('mousewheel', function (e) {
  var currentZoom = map.getZoom();
  if (e.originalEvent.wheelDelta > 0) {
    map.setZoom(currentZoom + 1);
  }
  else {
    map.setZoom(currentZoom - 1);
  }
});

ここに動作中のjsFiddleがあるので、動作を確認できます。

また、特定のポイントにズームインしようとしているsetCenter場合は、ズームする前に を使用できます。中心として選択したポイントは、マップがズームインするポイントになります。

于 2013-08-27T15:57:59.430 に答える