Как добавить и редактировать GooogleMaps?

Question

[DeniSidorenko]

Привет, требуется на сайте поставить карту гугла, С ПОМЕТКОЙ АДРЕСА. Т.е иконка для карты сразу. И как возможно стилизовать данную иконку. Видел что требуется получение api ключа, но как я понял могу стилизовать только на домене к которому получу API? либо же могу стилизовать без API. только изменить маркер.

Answer 1

[Robert Bl]

Где API_KEY вставьте ваш ключ

<script>
      function initMap() {44.202294, 38.879125
        var uluru = {lat: 44.202294, lng: 38.879125};
        var uluru2 = {lat: 44.1986659, lng: 38.8793226};
        var map = new google.maps.Map(document.getElementById('map'), { // id - блок, где будет находится карта
          zoom: 15, //Масштаб по умолчанию
          center: uluru, Центрирование карты
          mapTypeId: 'satellite', // Тип карты
        });
       
        var marker = new google.maps.Marker({
          position: uluru2, // позиция маркера
          map: map,
          icon: 'img/map-marker.png' //Путь до маркера
        });
}

    </script>
    <script async defer
    src="https://maps.googleapis.com/maps/api/js?key=API_KEY&callback=initMap">
    </script>

Comments

[DeniSidorenko]

Роберт вы правы, но API ведь выдается для конкретного домена. Т.е я сейчас разрабатаываю на своем localhost'e. Могу ли я стилизовать , или только когда на домен загружу?

[Robert Bl]

DeniSidorenko: Не нужен никакой домен. https://developers.google.com/maps/documentation/j... Создаете проект на своем аккаунте. и получаете ключ