Question

我正在努力使用这些标记......我正试图在我的本地XAMPP服务器上显示一个标记。在HTML中我得到了：

<script type="text/javascript"
    src="http://maps.googleapis.com/maps/api/js?&sensor=TRUE">
</script>

<div id="map" class="centered row clearfix partida doesntPlay"></div>

然后在JS：

var marker;
var markers = [];

var initialize = function() {

var mapOptions = {
    center: new google.maps.LatLng(43.177644, -2.310920),
    zoom: 11,
    mapTypeId: google.maps.MapTypeId.ROADMAP
};
map = new google.maps.Map(document.getElementById("map"),
    mapOptions);

google.maps.event.addListener(map, 'click', function(event) {
    addMarker(event.latLng);
});
}
// Add a marker to the map and push to the array.
function addMarker(location) {
 marker = new google.maps.Marker({
position: location,
map: map
});
markers.push(marker);
console.log("new Marker: " + marker.getPosition().k + "/" +marker.getPosition().D);
}

// Sets the map on all markers in the array.
function setAllMap(map) {
for (var i = 0; i < markers.length; i++) {
markers[i].setMap(map);
}
}

// Removes the markers from the map, but keeps them in the array.
function clearMarkers() {
setAllMap(null);
}

// Shows any markers currently in the array.
function showMarkers() {
setAllMap(map);
}

// Deletes all markers in the array by removing references to them.
function deleteMarkers() {
clearMarkers();
 markers = [];
}

google.maps.event.addDomListener(window, 'load', initialize);

我必须说地图是隐藏的，当用户点击按钮时会出现。我已经尝试了显示地图并得到了相同的结果。我可以在控制台上看到具有纬度和经度的日志，但地图没有显示任何标记。

有人能帮助我吗？

编辑：

我注意到如果我评论Bootstrap CSS的行，那么标记就会完美呈现。所以问题是地图中有，但是因为CSS没有显示。无论如何，我还没有看到标记。

RE-编辑：

已解决（或多或少）。如果我使用自定义图标，没问题。所以我使用自定义图标作为默认图标，并完成。

Answer 1

已解决（或多或少）。如果我使用自定义图标，没问题。所以我将自定义图标用作默认图标，并完成。

标记未在Google地图中显示 - Bootstrap

1 个答案: