Пользовательский маркер Карт Google не отображается

Question

У меня есть две настройки Google Maps на сайте, который я разрабатываю, и я хочу применить пользовательские маркеры к ним обоим. Это то, что я написал -

    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_1 а также map_2 прежде чем использовать их в качестве map-свойства для маркеров.