Question

我有一个关于gmaps v0.3的问题，当我addMarker时，如何让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时不点击，我该怎么办。请帮帮我。

Answer 1

您可以使用.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地图网站https://developers.google.com/maps/documentation/javascript/overlays#InfoWindows

上阅读有关infoWindow的信息

Answer 2

添加到Gmaps.map intance的每个标记都有自己的InfoWindow存储在markers对象中。我们需要该特定标记的Array索引键。通过索引键的地址可以打开正确的InfoWinow。您可以通过执行以下操作打开GMaps.js特定标记：

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

将[index]替换为您希望InfoWindow打开的标记的索引。

Answer 3

使用google.maps.Marker ('Events' section)

中的事件

示例：

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();
    }
});

如何在gmaps v0.3中自动打开infoWindow

3 个答案: