小编Axe*_*and的帖子

如何从地图外部触发Google Maps标记

我有这个HTML:

<ul class="google-map__trigger">
<li data-id="marker-1" class="google-map__trigger-item">Trigger Marker 1</li>
<li data-id="marker-2" class="google-map__trigger-item">Trigger Marker 2</li> 
</ul>
<div id="google-map" class="google-map"></div>
Run Code Online (Sandbox Code Playgroud)

我有这个JS:

// Infowindow, latitude, longitude
var locations = [
    ['<div class="google-map__infowindow"><h4>Lervig Brygge</h4><p>Her ligger Lervig Brygge.</p></div>', 58.96746,5.765269],
    ['<div class="google-map__infowindow"><h4>Regn</h4><p>I denne rundkjøringen regner det. Det regner alltid i denne rundkjøringen. Det er litt av et naturfenomen!</p></div>', 58.96579,5.759518]
];

// Icons are located in this folder
var iconURLPrefix = '/_themes/prototype/graphics/icons/';

// Icons are named
var icons = [
    iconURLPrefix + 'location.svg',
    iconURLPrefix + 'weather-rain.svg',
]

// …
Run Code Online (Sandbox Code Playgroud)

javascript jquery google-maps google-maps-api-3 google-maps-markers

3
推荐指数
1
解决办法
8707
查看次数