Javascript 是否有任何选项可以在页面加载时自动显示infoWindow
我正在使用在我的网站上显示地图。使用信息窗口创建地图非常容易。但是,信息窗口仅在单击标记时显示 我的Javascript: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 ({
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,希望添加的示例能更好地解释这一点。