让Google Maps API显示点数

Question

这是小提琴：

https://jsfiddle.net/31b2tbpu/2/

但地图没有显示？

var map = new google.maps.Map(document.getElementById("map"), {
        zoom: 16,
        center: new google.maps.LatLng(51.51367, -0.12981),
        mapTypeId: google.maps.MapTypeId.ROADMAP
});

Answer 1

您必须指定height div的 width 和 map 。请参阅updated fiddle

在CSS部分中，添加以下代码：

#map{
  height:400px;
  width:100%;
}