Question

我正在开发的网站上有两个Google地图设置，我想将自定义标记应用于它们。这就是我写的 -

    var coordinates_1 = new google.maps.LatLng(x, x);
    var coordinates_2 = new google.maps.LatLng(x, x);
    var map_1_options = {
        zoom: 14,
        center: coordinates_1,
        mapTypeControl: false,
        streetViewControl: false,
        mapTypeId: google.maps.MapTypeId.ROADMAP
    }
    var map_2_options = {
        zoom: 14,
        center: coordinates_2,
        mapTypeControl: false,
        streetViewControl: false,
        mapTypeId: google.maps.MapTypeId.ROADMAP
    }
    var marker_1 = new google.maps.Marker({
        position: coordinates_1, 
        map: map_1,
        icon: '/images/marker.png'
    });
    var marker_2 = new google.maps.Marker({
        position: coordinates_2, 
        map: map_2,
        icon: '/images/marker.png'
    });
    var map_1 = new google.maps.Map(document.getElementById('location_1'), map_1_options);
    var map_2 = new google.maps.Map(document.getElementById('location_2'), map_2_options);

我想脚本可以优化，但这不是重要的问题。会发生什么是我没有收到任何错误消息（或丢失图像），我得到两个地图显示在他们正确的位置，但没有显示标记。如果重要的话，图像是32x32px。任何帮助将不胜感激。

Answer 1

在将它们用作标记的map-property之前，您必须先创建map_1和map_2。

Google地图自定义标记未显示

1 个答案: