Javascript 谷歌地图:更改信息窗口&x27;s框架
我已经创建了一个标记,并在这个标记上添加了一个侦听器,它将打开一个信息窗口。我的问题是,我不知道如何更改infoWindow的默认框架。可能吗?这是我的密码:Javascript 谷歌地图:更改信息窗口&x27;s框架,javascript,google-maps,maps,Javascript,Google Maps,Maps,我已经创建了一个标记,并在这个标记上添加了一个侦听器,它将打开一个信息窗口。我的问题是,我不知道如何更改infoWindow的默认框架。可能吗?这是我的密码: var markerPosition = new google.maps.LatLng(lat, lng); var shopMarker = new google.maps.Marker({ position: markerPosition,
var markerPosition = new google.maps.LatLng(lat, lng);
var shopMarker = new google.maps.Marker({
position: markerPosition,
map: map,
icon: iconshop,
title: " shop",
draggable: false
});
var content = '<ul class="shopmaplist"> <li>text</li>'
+'<li><span>text</span>text</li>'
+'</ul><ul class="shoplistel">text</ul></br>'
+'<div class="buttonshop"><input type="submit" class="btncontinue" value="text" tabindex="3"></div>';
var infowindow = new google.maps.InfoWindow();
google.maps.event.addListener(shopMarker,'click', (function(shopMarker,content,infowindow){
return function() {
infowindow.setContent(content);
infowindow.open(map,shopMarker);
};
})(shopMarker,content,infowindow));
var-markerPosition=new google.maps.LatLng(lat,lng);
var shopMarker=new google.maps.Marker({
位置:markerPosition,
地图:地图,
图标:iconshop,
标题:“店铺”,
可拖动:错误
});
var content='- 文本
+“
- texttext
”
+“
文本
+'';
var infowindow=new google.maps.infowindow();
google.maps.event.addListener(shopMarker,'click',(函数(shopMarker,内容,信息窗口){
返回函数(){
infowindow.setContent(content);
信息窗口。打开(地图、商店标记);
};
})(商店标记、内容、信息窗口);
在这段代码中,我可以做些什么来定制infoWindow的框架和样式
编辑:
下图是单击标记时所需的结果
您不能更改一个。您可以使用“第三方”信息窗口替换,例如,甚至可以创建自己的信息窗口