9

gmaps v0.3 について問題があります。Marker を追加すると、infoWindow が自動的に開きます。クリックして開くときではありません。

<script type="text/javascript">
var map;
$(document).ready(function(){
    map = new GMaps({
        div: '#map',
        lat: 39.908403,
        lng: 116.397529,
        zoom: 1,
    });
    var marker = new google.maps.Marker();
    marker = {
        lat: 39.908403,
        lng: 116.397529,
        title: 'Lima',
        //map: map.map,
        //animation: google.maps.Animation.BOUNCE,
        //shape: {coords: [0,0,50,50], type: "rect"},
        infoWindow: {
          content: '<font color="red">hello world</font>'
        }
    }
    map.addMarker(marker);
 });

addMarker が infoWindow を自動で開くときにクリックしないようにしたいのですが、どうすればよいですか。私を助けてください。

4

3 に答える 3

16

.open次の関数を使用して infoWindow を開くことができます。

// Create map
var map = new GMaps({
    div: '#map',
    lat: 39.908403,
    lng: 116.397529,
    zoom: 1,
});

// Create infoWindow
var infoWindow = new google.maps.InfoWindow({
    content: 'Content goes here..'
});

// Create marker
var marker = new google.maps.Marker({
    lat: lat,
    lng: lng,
    title: 'Lima',
    map: map.map,
    infoWindow: infoWindow
});

// This opens the infoWindow
infoWindow.open(map, marker);

Google マップの Web サイトhttps://developers.google.com/maps/documentation/javascript/overlays#InfoWindowsで infoWindow について読むことができます。

于 2013-02-27T08:47:41.523 に答える
6

Gmaps.map インスタンスに追加されたすべてのマーカーには、マーカー オブジェクトに格納された独自の InfoWindow があります。その特定のマーカーへの配列インデックス キーが必要です。インデックス キーでアドレスを指定すると、正しい InfoWinow が開かれます。次のようにして、GMaps.js 固有のマーカーを開くことができます。

(map.markers[index].infoWindow).open(map.map,map.markers[index]);

[index] を、InfoWindow で開くマーカーのインデックスに置き換えます。

于 2014-09-14T12:48:26.847 に答える
4

google.maps.Marker (「イベント」セクション) のイベントを使用します。

例：

map.addMarker({
    lat: 50.17222520000001,
    lng: 12.196652600000002,
    infoWindow: {
        content: '<p>Foobar</p>'
    },
    mouseover: function(){
        (this.infoWindow).open(this.map, this);
    },
    mouseout: function(){
        this.infoWindow.close();
    }
});
于 2015-03-18T00:46:20.307 に答える