Динамические Карты Google с использованием Wix

Question

Я использую WIX для редактирования своего сайта, и я хотел бы изменить Карту Google, когда я нажимаю на элемент в списке слева. Список слева - это выпадающее меню. Когда я нажимаю на элемент внутри раскрывающегося списка, я бы хотел, чтобы он сосредоточился на этом элементе, который я нажал.

Кто-нибудь знает, возможно ли это?

Answer 1

Оклейка ниже код в поле "HTML Code" (Подробнее> HTML & флэш> HTML код), дает мне карту на this page:

<div id="map" style="height: 500px; width: 400px; float:left;"></div> 
<div id="sidebar" style="height: 500px; width: 250px; float: right;"></div> 
<script src="https://maps.googleapis.com/maps/api/js"></script> 
<script> 
var markers = []; 
var map; 
var infoWin; 
function initMap() { 
    map = new google.maps.Map(document.getElementById('map'), { 
    center: {lat: -34.397, lng: 150.644}, 
    zoom: 8 
    }); 
    infoWin = new google.maps.InfoWindow(); 
    createMarker(new google.maps.LatLng(-34.397, 150.644), "place1", "stuff for IW", map); 
    createMarker(new google.maps.LatLng(-33.9, 151.1), "place2", "stuff for IW2", map); 
} 
google.maps.event.addDomListener(window, 'load', initMap); 
function createMarker(latlng, name, html, map) { 
    var marker = new google.maps.Marker({ 
     position: latlng, 
     map: map 
    }); 
    google.maps.event.addListener(marker, 'click', function(evt) { 
    infoWin.setContent("<h3>"+name+"</h3>"+html); 
    infoWin.open(map,marker); 
    }); 
    markers.push(marker); 
    document.getElementById('sidebar').innerHTML += '<a href="javascript: google.maps.event.trigger(markers['+(markers.length-1)+'],\'click\');">'+name+'</a><br>'; 
} 
</script>