Question

我正在尝试将google地图嵌入我的应用程序中（使用react-google-maps包作为包装器），并希望在标记信息窗口（工具提示）中显示所选位置的街景。我试图通过阅读文档来了解如何实现这一目标，但我找不到合适的示例。

这是我的标记代码的样子

<Marker position={{ lat, lng }} title={pulseName} icon={icon}    onClick={this.onClick} >
    {isTooltipOpen && (
      <InfoWindow onCloseClick={this.props.closeMarkerTooltip}>
        <MapMarkerTooltipComponent {...this.props} />
      </InfoWindow>
    )}
</Marker>

标记是带有GoogleMap组件的包装器。

我希望能够根据经纬度值提取街景缩略图网址并将其传递给MapMarkerTooltipComponent

谢谢！

Answer 1

在此文档中找到了解决方案 https://developers.google.com/maps/solutions/store-locator/simple-store-locator

https://maps.googleapis.com/maps/api/streetview?size=350x120&location=${position.lat()},${position.lng()}&key=${apiKey}

上面的网址将提供街景的缩略图

如何在Google Maps API中将街景缩略图添加到标记工具提示

1 个答案: