2

Googleマップv3で奇妙な状況に陥っています。ユーザーが Google マップをクリックすると、divマップの上に登録が表示され、ユーザーの詳細が取得されます。しかし、問題は、ユーザーがズームインすると、以下の状況に到達することです

ここに画像の説明を入力

ここで、ユーザーが病院、学校、大学などの場所の小さなアイコンをクリックした場合 (gmap に関してこれらのアイコンについて何を言うべきか正確にはわかりません)、書かれた Click イベントを無視し、Google が画面に infoWindow をスローするとします。

このデフォルトの動作を無効にするにはどうすればよいですか? これでイベントをバインドするにはどうすればよいですか? したがって、ユーザーがこれらのアイコンをクリックすると (gmap に関してこれらのアイコンについて何を言うべきか正確にはわかりません)、gmap に div が登録されます。

4

2 に答える 2

1

「 gmapに関してこれらのアイコンについて何を言うべきか正確にはわかりません」と書くと、私は次のように思います：なぜそれらを取り除かないのですか？私の理解が正しければ、クリックを「盗む」デフォルトの「関心のあるポイント」アイコンなどに単にイライラしているだけですか?

stylesを使用して、Googleマップv3から何でも削除できます（はい、灰色の背景です）。-array を作成し、それを に割り当てるだけです:stylesoptions

var styles = [
   {
    elementType: "all",
    featureType: "poi",
    stylers: [{ visibility: "off" }]
   },
   {   
    elementType : "all",
    featureType: "administrative",
    stylers: [{ visibility: "off" }]
   }
];

ここでvisibilityは、すべての管理アイコン (サブカテゴリを含む) とすべての poi について、「関心のあるポイント」(サブカテゴリを含む) がオフに設定されています。すべての featureTypes のドキュメント。マップに何を表示したいか、また残っているものをどのように表示したいかについて、かなり詳細にすることができます。

通常のオプションでスタイルをパラメーター値として使用します。

var options = {
  center: mapCenter,
  zoom: 10,
  mapTypeId: google.maps.MapTypeId.ROADMAP,
  zoomControl: true,
  streetViewControl: false,
  styles : styles
}

map = new google.maps.Map(document.getElementById("map"), options);

これで、病院、学校などのマップがクリーンアップされました。

于 2013-09-20T19:07:18.537 に答える
0

関数initMap() {

var map = new google.maps.Map(document.getElementById('map'), {

ズーム: 4、

center: {lat: 41.3103509, lng: 69.2732513} // ウズベキスタン。});

于 2015-09-04T11:53:06.247 に答える