Question

我需要从左到右将位置更改为谷歌地图街景 -

我的代码：

new google.maps.Map(map_canvas, {
            center: new google.maps.LatLng(47.197363, 8.494004),
            zoom: 9,
            mapTypeId: google.maps.MapTypeId.ROADMAP,
            mapTypeControl: false,
            streetViewControlOptions: {
            //position: google.maps.ControlPosition.LEFT_TOP
        },);

如何更改位置或重写按钮的HTML代码？

Answer 1

目前我们不支持在API中重新定位该控件。

类似@el solo lobo提供的CSS工作区可能有效，但将来如果我们更改我们的CSS或地图的其他部分，它将会中断。

更好的解决方案是创建自己的控件。通过这种方式，您可以完全控制它们的显示位置，外观和效果。有关此主题的更多信息，请阅读以下文档：

https://developers.google.com/maps/documentation/javascript/controls

另外，我想注意streetViewControlOptions only changes the position of the pegman icon，而不是您想要的控件的位置。

但是，如果您不想创建自己的控件集，并希望更改其他控件的位置，我建议使用以下示例：

https://developers.google.com/maps/documentation/javascript/examples/control-positioning

希望我帮助过。

Answer 2

有可能！我找到了解决方案：

＆＃13;

tools:replace="android:icon,android:theme,android:label,android:name"

＆＃13;

Answer 3

如果您想更改整个区域的位置，请执行

.widget-titlecard{
 float: right;
}

这适用于maps.google.com上的检查器，未在我自己的页面上进行过测试。

整个区域的CSS看起来像这样，但我想你只需要在这里设置float: right

.widget-titlecard {
outline: none;
position: relative;
display: inline-block;
top: 14px;
left: 0px;
z-index: 10;
background-color: rgba(34,34,34,.8);
-webkit-transition: left 0.5s;
transition: left 0.5s;
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
float: right; //This was added

}

但这更像是一个css hack ..这可能是一个API设置，但我不知道。也许有人发布了一个更好的解决方案。

Answer 4

@Slava的解决方案使我步入正轨，但像我一样，您可能需要一个更通用的解决方案（而且，Slava的解决方案对我而言效果不佳，街景全景图并未显示我第一次丢下一点黄色男人）。

我们只需要替换街景视图配置，就无需监听默认的配置：

const streetView = new google.maps.StreetViewPanorama(gmap.getDiv(), {
    visible: false,
    enableCloseButton: true,
    addressControlOptions: {
        position: google.maps.ControlPosition.BOTTOM_CENTER
    }
});

gmap.setStreetView(streetView);

在这里，我设置了{ visible: false }，因此全景图不会立即打开（即，您必须放下典当），并且我使用gmap.getDiv()重用了Maps容器。

如何在谷歌街景中更改位置后退按钮？

4 个答案: