1

根据下面的截图，我在谷歌地图周围有一个灰色的边框/填充，有人知道如何删除它吗？

谢谢

在此处输入图像描述

这是我的代码：

var map;
  function initialize(canvas,lat,lng) {
    var myOptions = {
            zoom: 16,
            center: new google.maps.LatLng(lat,lng),
            disableDefaultUI: true,
            mapTypeId: google.maps.MapTypeId.ROADMAP,
            panControl: false,
            zoomControl: true,
            zoomControlOptions: {
                style: google.maps.ZoomControlStyle.SMALL,
                position: google.maps.ControlPosition.LEFT_TOP
            },
            scaleControl: false,
            streetViewControl: false,
            scrollwheel: false
    };
    map = new google.maps.Map(document.getElementById(canvas),myOptions);
  }

我有 3 页嵌入谷歌地图，我添加了下面的代码来调用谷歌地图

$(document).ready(function() {
        initialize("causewayBayMapCanvas","22.281001", "114.186375");
});

更新：

<div style="width:300px; height:200px; border: 1px solid #0051B9">
            <div id="<?php echo $mapId;?>" class="map rounded"></div>
</div>
4

2 回答 2

1

看起来像一个零大小的 div 问题。您没有提供设置地图 div 大小的代码。您需要确保在调用初始化函数时定义了大小。如果您使用百分比高度和宽度，请参阅 Mike Williams 的此 (v2) 教程，该教程解决了地图的百分比大小：基础知识 - 第 20 部分使用地图 div 的百分比高度

于 2012-07-05T03:44:32.663 回答
0

我以前也遇到过这个问题。

我修复的方法是在初始化地图后使用以下代码调整地图大小：

google.maps.event.trigger(map, 'resize');

如果您的地图显示在多个页面上，您可能需要在用户访问该页面时执行此操作。

于 2014-03-06T15:11:43.120 回答