Javascript 是否有任何选项可以在页面加载时自动显示infoWindow

Javascript 是否有任何选项可以在页面加载时自动显示infoWindow,javascript,jquery,google-maps,google-maps-api-3,Javascript,Jquery,Google Maps,Google Maps Api 3,我正在使用在我的网站上显示地图。使用信息窗口创建地图非常容易。但是,信息窗口仅在单击标记时显示 我的Javascript: var map; $(document).ready(function(){ map = new GMaps({ div: '#map', lat: 11.5671732, lng: 104.92592450000006, zoom: 15 }); map.addMarker ({

我正在使用在我的网站上显示地图。使用信息窗口创建地图非常容易。但是,信息窗口仅在单击标记时显示

我的Javascript:

var map;
$(document).ready(function(){
   map = new GMaps({
        div: '#map',
        lat: 11.5671732,
        lng: 104.92592450000006,
        zoom: 15
   });
   map.addMarker ({
       lat: 11.5671732,
       lng: 104.92592450000006,
       infoWindow: {
          content: "<h3>D-Care Dental Clinic</h3><p class='address'>Address: No.26,St.23, <br />Sangkat Chey Chom Nas, Khan Daun Penh, Phnom Penh, Tel: 023 986836/012887601</p>"
       },
   });
});
var映射;
$(文档).ready(函数(){
map=新的gmap({
分区:“#地图”,
拉脱维亚:11.5671732,
液化天然气:104.92592450000006,
缩放:15
});
map.addMarker({
拉脱维亚:11.5671732,
液化天然气:104.92592450000006,
信息窗口:{
内容:“D-Care牙科诊所

地址:金边汗道边Sangkat Chey Chom Nas街23号,电话:023 986836/012887601

” }, }); });
在StackOverflow之后,我只看到人们使用GoogleMapAPI硬编码来实现这一点。 因此,我想知道是否有任何选项可以在页面加载时自动显示infoWindow,而无需单击标记


非常感谢您提供的任何帮助。

触发对标记的单击应该可以:

google.maps.event.trigger(map.markers[0], 'click');

代码片段:

var映射;
$(文档).ready(函数(){
map=新的gmap({
分区:“#地图”,
拉脱维亚:11.5671732,
液化天然气:104.92592450000006,
缩放:15
});
map.addMarker({
拉脱维亚:11.5671732,
液化天然气:104.92592450000006,
信息窗口:{
内容:“D-Care牙科诊所

地址:金边汗道边Sangkat Chey Chom Nas街23号,电话:023 986836/012887601

” }, }); google.maps.event.trigger(map.markers[0],'click'); });
html,
身体,
#地图{
身高:100%;
宽度:100%;
边际:0px;
填充:0px
}

信息窗口。打开(地图、标记)

我们应该做到这一点

通过一个例子,它将更好地连接,基本上我们只需使infowindow.open()更简单;“初始化”函数本身的一部分,并在映射加载时调用“初始化”函数

<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script>
<script>
    function initialize() {
        var myLatlng = new google.maps.LatLng(28.4387675, 77.5243212); //replace with lan and lat
        var mapOptions = {
            zoom: 12,
            center: myLatlng
        };
        var map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);
        var contentString = '<div id="content">'+
                    '<div id="siteNotice">'+
                    '</div>'+
                    '<div id="bodyContent">'+
                    '<p>Add information for info window here</p>'+
                    '</div>'+
                    '</div>';

        var infowindow = new google.maps.InfoWindow({
            content: contentString
        });
        var marker = new google.maps.Marker({
                position: myLatlng,
                map: map,
                title: 'Contact Us'
        });
        infowindow.open(map,marker);
    }
    google.maps.event.addDomListener(window, 'load', initialize);
</script>

函数初始化(){
var mylatng=new google.maps.LatLng(28.438767577.5243212);//替换为lan和lat
变量映射选项={
缩放:12,
中心:myLatlng
};
var map=new google.maps.map(document.getElementById('map-canvas'),mapOptions);
var contentString=''+
''+
''+
''+
“在此处为信息窗口添加信息”+
''+
'';
var infowindow=new google.maps.infowindow({
内容:contentString
});
var marker=new google.maps.marker({
职位:myLatlng,
地图:地图,
标题:“联系我们”
});
信息窗口。打开(地图、标记);
}
google.maps.event.addDomListener(窗口“加载”,初始化);
现在将此代码放在第节:

<div id="map-canvas" style="height:425px; "> </div>


我认为没有这样做的选择。如果你查看插件的源代码,没有什么可以做到这一点。不,@geocodezip的答案实际上解决了我的问题,是的,但根据你的问题,这不是你想要的。谢谢kate,希望添加的示例能更好地解释这一点。