Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/406.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 将图像添加到谷歌地图标记_Javascript_Google Maps - Fatal编程技术网

Javascript 将图像添加到谷歌地图标记

Javascript 将图像添加到谷歌地图标记,javascript,google-maps,Javascript,Google Maps,我试图在谷歌地图的infoWindow中添加图像,但我失败了,因为我不知道语法。有人能帮我吗 var marker1 = new google.maps.Marker({ position: new google.maps.LatLng(-36.848461,174.7633), title:"hello" }); marker1.setMap(map); var infowindow1 = new google.maps.I

我试图在谷歌地图的infoWindow中添加图像,但我失败了,因为我不知道语法。有人能帮我吗

var marker1 = new google.maps.Marker({
            position: new google.maps.LatLng(-36.848461,174.7633),
            title:"hello"
        });

marker1.setMap(map);

var infowindow1 =  new google.maps.InfoWindow({
            content: 'hey there',
            map: map,
        });

google.maps.event.addListener(marker1, 'mouseover', function() {
        infowindow1.open(map,marker1);
    });

google.maps.event.addListener(marker1, 'mouseout', function() {
        infowindow1.close();
    });
上面的代码只显示文本。如何将图像添加到信息窗口,该窗口将显示在鼠标悬停时


谢谢。

那很容易。只需在内容中添加一个img标签即可-

//此示例在澳大利亚中部显示一个标记。
//当鼠标指针悬停在标记上时,将打开一个信息窗口。
函数initMap(){
var uluru={lat:-25.363,液化天然气:131.044};
var map=new google.maps.map(document.getElementById('map'){
缩放:4,
中心:乌卢鲁
});
var contentString='这是您的图像

'; var infowindow=new google.maps.infowindow({ 内容:contentString }); var marker=new google.maps.marker({ 职位:乌卢鲁, 地图:地图, 标题:“乌卢鲁(艾尔斯岩)” }); marker.addListener('mouseover',function(){ 信息窗口。打开(地图、标记); }); marker.addListener('mouseout',function(){ infowindow.close(); });
}
语法在@JaromandaX中有描述,只描述文本,不描述图像。实际上,“描述”表示信息窗口在地图上方的弹出窗口中的给定位置显示内容(通常是文本或图像)。-关键是,“文本”是HTML。。。HTML有一个用于图像的标记-因此,如果使用正确的标记,您将获得IMAGEs@JaromandaX我试过这件事,但没用。这就是我遇到这个问题的原因好吧,让我们看看(最好是在可读的地方,即在问题中)你到底尝试了什么。。。因为这件事和不起作用是相当模糊的-因为你在问题的代码中所做的一切都是
内容:'hey there',
-不可能有图像