Question

出于某种原因，我无法在Google地图上显示标记 - 地图本身加载正常 - 它只是我遗漏的标记。我已尝试移动所有代码，以防它是一个范围问题，到目前为止还没有运气。

ceil()

Answer 1

Update Fiddle

$(function () {
        init_map();
    });

function init_map() {

  var myLatLng = new google.maps.LatLng(parseFloat(document.getElementById('Latitude').value),
  parseFloat(document.getElementById('Longitude').value)); 

        var marker = new google.maps.Marker({ position: myLatLng, visible: true });

        var myOptions = {
            zoom: 4,
            center: myLatLng,
            mapTypeId: google.maps.MapTypeId.ROADMAP
        };

        var map = new google.maps.Map(document.getElementById("gmap_canvas"), myOptions);
        marker.setMap(map); 
}

Answer 2

您可能需要将document.getElementById('...').value返回的字符串转换为Google地图预期的浮点数：

var myLatLng = new google.maps.LatLng(
    parseFloat(document.getElementById('Latitude').value), 
    parseFloat(document.getElementById('Longitude').value)
);

这不是问题，但你不应该在另一个事件监听器中定义你的事件监听器，就像你在这里做的那样：

$('#accordion > .panel').on('show.bs.collapse', function (e) {
    ...
    google.maps.event.addListener(marker, "click", function () { infowindow.open(map, marker); });
});

只需在创建标记时执行此操作。

Google地图未显示标记

2 个答案: