我可以仅使用Google Maps API制作此类面板吗？

Question

我没有看到任何地方如何实现这样的面板http://joxi.ru/D2P6yZnFppyBor点击谷歌地图上的标记。 是否有可能不创建自定义函数，CSS等？

Answer 1

Google MAP API不支持该面板。

但是，只需通过在HTML中创建隐藏的DIV元素并在点击标记时将其display属性显示为block，即可创建该面板。 （见docs）

当你创建一个标记，你可以设置一个事件侦听器：

var marker = new google.maps.Marker({ 
     position: myLatlng, 
     map: map, 
     title: 'Click to zoom' 
    }); 

    marker.addListener('click', function() { 
     document.getElementById('panel').style.display = 'block'; 
    }); 

然而，面板内的信息，你需要使用一些其他的API。

• Places Photos：检索某个地方的照片。
• Places：检索该地点的联系信息。