1

下のスクリーンショットによると、Google マップの周りにグレーの境界線/パディングがあります。削除方法を知っている人はいますか?

ありがとう

ここに画像の説明を入力

これが私のコードです：

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);
  }

Googleマップを埋め込む3つのページがあり、Googleマップを呼び出すために以下のコードを追加しました

$(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) チュートリアルを参照して、マップのパーセンテージ サイズに対処してください: The Basics - Part 20 Using a percentage height for the map div

于 2012-07-05T03:44:32.663 に答える