Question

所以我有一个非常复杂的小部件框，我从模板中获取（我喜欢它的功能，只是有这个问题），我已经在其中放置了一个谷歌地图（来自api V3）。

当我尝试在特定坐标/标记上设置缩放时，它会一直缩放到所需位置的东南方向。

小部件的css非常复杂，但小部件和封闭地图的高度设置在小部件内的固定高度。如果我将它设置为相对高度100％，它就会消失。如果我改变高度，它仍然会缩放到错误的位置

我当然不期待任何具体的答案，但我的css中是否有任何特定的东西需要修补？我的css专业知识很少。

是否有使用谷歌地图文档的解决方法？（我已经读过有关setBounds（）函数的信息，这对我们有帮助吗？）

以下是我的mapOptions，我认为这与该问题无关，但可能有使用它们的解决方法：

var mapOptions = {
    zoom: 13,
    center: {lat:intlat, lng:intlng},

    zoomControlOptions: {
        position: google.maps.ControlPosition.LEFT_BOTTOM,
        style: google.maps.ControlPosition.SMALLEST
    },
    panControlOptions: {
        position: google.maps.ControlPosition.LEFT_BOTTOM
    }
};

编辑：这在发布地图时发生。我通过了lat＆amp;通过ajax帖子lng位置，然后此页面应加载并放大标记。

这是我的HTML：

 <div class="col-md-6">
                           <div class="widget-window">
                                <div class="window" style="padding: 0px;">
                                    <div id="location-map-canvas" style="height: 300px;"></div>
                                </div>
                           </div>
</div>

这是我的css：

.widget-window {
  float: left;
  width: 100%;
  padding: 0px;
  background: #FFF;
  border: 0px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  color: #333;
  margin-top: 10px;
}
.widget-window .window {
  float: left;
  width: 100%;
  padding: 10px;
  background: #FFF;Th
  position: relative

无法找到'window'css，文件中有太多对'window'的引用。

顺便说一句，这都是引导程序。

以下是模板，其地图已被我的Google地图取代：http://wrapbootstrap.com/preview/WB0M6G7G4

真诚地感谢您的帮助，想出这个绝对是非常好的。

Google地图缩放远离所需位置

0 个答案: