Question

我正在尝试将google地图添加到网站，我希望地图为宽度的100％，我尝试了以下代码

<script src="https://maps.googleapis.com/maps/api/js?key=YOUR_KEY&callback=myMap"></script>

我已添加

function myMap() {
  var myCenter = new google.maps.LatLng(x, y);

    var mapOptions = {
        center: myCenter,
        zoom: 16,
        mapTypeId: google.maps.MapTypeId.ROADMAP
    }
var map = new google.maps.Map(document.getElementById("map"), mapOptions);
var marker = new google.maps.Marker({position: myCenter});

marker.setMap(map);
}

和js代码

VALUES

这实际上是随机的，一旦它显示了地图（但地图不是100％的宽度，一次不是，我该如何解决呢？

感谢帮助。

Answer 1

像这样在HTML中创建地图元素或添加CSS

 <div id="map" style="height:450px;width:100%"></div>

#map{
   width:100%;
}

Boostrap中的addgoogle地图容器

1 个答案: