Добавить маркер на карту в javascript шаблоне Themezy

Question

Я скачал бесплатный шаблон с здесь , в нем есть файл contact.html и каталог js, содержащий app.js , jquery-1.11.1.min.js , jquery1.11.1.min.map и plugins.js . Я отредактировал файл plugins.js и изменил центр и масштаб, но я пытался добавить маркер и пользовательский значок, но я не могу найти какой файл и как мне его редактировать;он использует Gmap3. Файл app.js содержит:

if ($(".map").length) {
    $('.map').gmap3({
            map: {
                options: {
                    maxZoom: 14
                }
            },
            marker: {
                address: "40 Sibley St, Detroit",
            }
        },
        "autofit");
}
});

Answer 1

Уже есть маркер по умолчанию, размещенный на "40 Sibley St, Детройт". Для того, чтобы он отображался на карте и для успешной загрузки самой карты сначала необходимо добавить ключ API своего собственного проекта в скрипт API Карт (в modern_architecture / HTML / contact.html ):

<script src="http://maps.google.com/maps/api/js?sensor=false&amp;language=en"></script>

Примерно так:

<script src="https://maps.google.com/maps/api/js?sensor=false&amp;language=en&key=AIza..."></script>

Убедитесь, что вы также заменили http на https.

Примечание: вы должны добавить действительный ключ API из проекта, для которого включено выставление счетов, а также JavaScript API и API геокодирования. Пожалуйста, ознакомьтесь с руководством по началу работы Google .

Как только ваша карта и маркер появятся, чтобы изменить адрес маркера, измените адрес по умолчанию со своим собственным местоположением (в app.js). ):

marker:{
    address: "Paris, France", // whatever your location is
}

И чтобы добавить собственный значок, попробуйте это:

marker:{
    address: "Paris, France",
    options: {
        icon: "https://maps.google.com/mapfiles/marker_green.png"
    }
}

Вот так выглядит моя локальная реализация карты после вышеуказанных изменений:

Надеюсь, это поможет!