Javascript 如何在GMAPSv0.3中自动打开信息窗口
我对GMAPSv0.3有一个问题,当我添加Marker时,如何让infoWindow自动打开。当你点击打开的时候就不会了Javascript 如何在GMAPSv0.3中自动打开信息窗口,javascript,jquery,html,google-maps,google-maps-api-3,Javascript,Jquery,Html,Google Maps,Google Maps Api 3,我对GMAPSv0.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,
<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);
});
var映射;
$(文档).ready(函数(){
map=新的gmap({
分区:“#地图”,
拉脱维亚:39.908403,
液化天然气:116.397529,
缩放:1,
});
var marker=new google.maps.marker();
标记={
拉脱维亚:39.908403,
液化天然气:116.397529,
标题:“利马”,
//map:map.map,
//动画:google.maps.animation.BOUNCE,
//形状:{coords:[0,0,50,50],键入:“rect”},
信息窗口:{
内容:“你好,世界”
}
}
map.addMarker(marker);
});
我想在addMarker自动打开信息窗口时不单击,我应该怎么做。
请帮助我。您可以使用
打开信息窗口。打开功能:
// 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);
你可以在谷歌地图网站上阅读关于infoWindow的信息,每个添加到Gmaps的标记都有自己的infoWindow存储在markers对象中。我们需要该特定标记的数组索引键。通过索引键地址,可以打开右信息窗口。您可以通过执行以下操作打开GMaps.js特定标记:
(map.markers[index].infoWindow).open(map.map,map.markers[index]);
将[index]替换为您希望信息窗口打开的标记的索引。使用中的事件
例如:
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();
}
});
map.addMarker({
拉脱维亚:50.172225000001,
液化天然气:12.196652600000002,
信息窗口:{
内容:“Foobar”
},
mouseover:function(){
(this.infoWindow)。打开(this.map,this);
},
mouseout:function(){
this.infoWindow.close();
}
});
什么是“在此处输入代码”?请张贴完整的功能。对不起!我已经修改了,这是最终的代码,现在。我该怎么办?我试试看,地图上并没有记号笔。现在,代码可以运行了,但我想在程序运行时显示infoWindow,而不是在单击标记后显示infoWindow