Как вставить разделы и гиперссылки в инфобокс Google Maps

Question

Мне нужно вставить карту Google на свой веб-сайт, однако я хочу вставить разделы и гиперссылки на документы в информационном блоке, чего я не могу сделать в Google MyMap.

Использование этого веб-сайта в качестве ссылки: https://www.odense.dk/dagtilbud/dagplejen/dagpleje-syd?areaid=50&areaname=Syd

Имеется карта с разделом. Внутри этого есть маркеры. В информационной строке маркеров есть гиперссылки на документ.

Как и с чего мне начать создавать нечто подобное?

Любая помощь высоко ценится.

Answer 1

Вы можете использовать Карты Google Maps Platform JavaScript API , чтобы разместить карту на своем веб-сайте.

Что касается информационного окна в маркере, вы можете обратиться к документации здесь . Это поможет вам поместить информацию windows в Карты JavaScript API . Существует пример кода , который помещает html в ваше информационное окно в документации. Таким образом, чтобы разместить гиперссылку в информационном окне, вы можете использовать тег HTML a .

например:

<a href="https://www.yoursite.com/">yoursite.com</a>

Затем передать это как содержимое информационного окна, например:

var infowindow = new google.maps.InfoWindow({
    content: '<a href="https://www.yoursite.com/">yoursite.com</a>'
  });

Если вы хотите открыть ссылку в новой вкладке, используйте target = "_ blank" в вашем теге.

<a href="https://www.yoursite.com/" target="_blank">yoursite.com</a>

Вот пример кода , который показывает это.

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