![enter image description here](https://i.stack.imgur.com/1kxSt.png)
Я очень новичок в Google MAPs API. Я пытаюсь создать карту для своего бизнеса, которая повторяет рисунок ниже. У меня также есть код ниже, где у меня есть координаты широты и долготы, и маркер, инициированный на основе этих кординатов. Как я могу показать нечто подобное с javascript, где при загрузке страницы
- Метка, как показано ниже, показывает название компании и адрес, а также кликабельную ссылку (стрелка для направления, на рисунке не показан)
- Пользовательский html с указанием названия компании рядом с маркером на картах
?
<div id="map"></div>
<script>
function initMap() {
// The location of UluruBBS
var uluru = { lat: 33.931, lng: -84.337732 };
// The map, centered at Uluru
var map = new google.maps.Map(
document.getElementById('map'), { zoom: 15, center: uluru });
// The marker, positioned at Uluru
var marker = new google.maps.Marker({ position: uluru, map: map });
}
</script>
<script async defer
src="https://maps.googleapis.com/maps/api/js?key=[mykey]&callback=initMap">
</script>