Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/google-maps/4.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 谷歌地图:更改信息窗口&x27;s框架_Javascript_Google Maps_Maps - Fatal编程技术网

Javascript 谷歌地图:更改信息窗口&x27;s框架

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,

我已经创建了一个标记,并在这个标记上添加了一个侦听器,它将打开一个信息窗口。我的问题是,我不知道如何更改infoWindow的默认框架。可能吗?这是我的密码:

    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的框架和样式

编辑: 下图是单击标记时所需的结果

您不能更改一个。您可以使用“第三方”信息窗口替换,例如,甚至可以创建自己的信息窗口