Question

我目前有一个谷歌地图，分为2个不同的地图容器尺寸。

http://www.crippssears.com/about/global-reach/

http://www.crippssears.com/people/mike-cripps/

我需要能够将地图向上移动，以便地图垂直居中，并且可以显示所有地图点和引脚。

我在custom.css文件中找到了一个带有以下css的解决方案。

.page-id-35 .avia-google-map-container div div div div div {
margin-top: 0px;
margin-left: 0px;
}

.page-id-35 .avia-google-map-container div div div div img {
top: 84px;
position: relative;
left: 13px;
}


#av_gmap_1>div>div>div>div>div {
position: absolute;
left: 0px;
top: 0px;
z-index: 1;
width: 100%;
transform-origin: 417px 250px 0px;
transform: matrix(1, 0, 0, 1, -30, -100);

}

#av_gmap_1>div>div>div>div>div>div {
position: absolute;
left: 0px;
top: 0px;
z-index: 1;
width: 100%;
transform-origin: 417px 250px 0px;
transform: matrix(1, 0, 0, 1, 30, 100);
}




.single-portfolio .avia-google-map-container div div div div div {
margin-top: 40px;
margin-left: 0px;
}

此解决方案有效，但是当页面更新时，chrome有一个问题，显示地图图钉动画+ firefox以完全不同的方式显示地图。

任何帮助或建议都将不胜感激！

Answer 1

请参阅其开发者中的google地图API部分。请参阅链接https://developers.google.com/maps/documentation/embed/guide#directions_mode

我希望这会有所帮助，如果您需要进一步的帮助，请随时提出。

Answer 2

加载时，您可以将一些参数解析到地图中，以控制缩放和“居中”位置。见这里：https://developers.google.com/maps/documentation/javascript/examples/control-positioning

var map = new google.maps.Map(document.getElementById('map'), {
    zoom: 12,
    center: {lat: -28.643387, lng: 153.612224},
    ......
  });

希望这有帮助。

查。

Google地图自定义定位

2 个答案: