0

我创建了一个谷歌地图，位于：http ://calwestculture.com/sgs/example_map.html

我正在尝试将我的 spry 菜单中的一些文本与我的谷歌地图标记/信息窗口链接到左侧。

我的 javascript 受到限制，因为我尝试为每个标记创建 ID 并链接到该 ID，但它不起作用。在这一点上我很难过。

当您将鼠标悬停在名称上时，我还希望我的标记显示名称。我使用不同的样式地图实现了这一点，但在创建标记时遇到了问题，因此我上面使用的当前将是我的最终版本，我只需要获取正确引用的链接。

请对此有任何帮助，这将立即摆脱我的 JS 头痛！！！！！！！！！

4

1 回答 1

1

此页面显示了将侧边栏链接连接到标记的一种方法

http://www.wolfpil.de/v3/toggle-cats.html

将此页面的模式复制到您的案例中，您需要一个gmarkers全局变量

//<![CDATA[
var map = null;
var gmarkers = [];
function initialize() {

添加标记的顺序很重要，它们应该与侧边栏中的业务顺序相匹配。gmarkers将在中更新createMarker。

var point = new google.maps.LatLng(37.984798,-121.312094); 
var marker = createMarker(point,'<div style="width:205px"><center><img src="images/sampleuopsign.jpg" /></center><h2>University of the Pacific</h2>3601 Pacific Avenue<br>Stockton, California 95211<br>209.946.2011<br><small>On the web visit: <a href="http://www.pacific.edu">www.Pacific.edu<\/a></small><\/div>')

...

function createMarker(latlng, html) {
    var contentString = html;
    var marker = new google.maps.Marker({
        position: latlng,
        map: map,
        zIndex: Math.round(latlng.lat()*-100000)<<5
        });

    google.maps.event.addListener(marker, 'click', function() {
        infowindow.setContent(contentString); 
        infowindow.open(map,marker);
    });
    gmarkers.push(marker);
}

有了数组，我们可以通过索引来寻址它们。当点击侧边栏条目（链接）时，Wolfpil 只会触发点击事件：

function triggerClick(i) {
  google.maps.event.trigger(gmarkers[i],"click");
}

每个链接都可以这样写，用添加每个标记的顺序替换 0 和 1：

<a href="javascript:triggerClick(0)">Bank of America</a>
<a href="javascript:triggerClick(1)">Bank of Stockton</a>

关于显示标题的标记悬停，最简单的方法是title在创建标记时添加一个选项，但这意味着向 createMarkers 函数添加一个新参数：

 function createMarker(latlng, storeName, html) {
  var contentString = html;

  var marker = new google.maps.Marker({
    position: latlng,
    map: map,
    title: storeName,
    zIndex: Math.round(latlng.lat()*-100000)<<5
  });

从长远来看，更好的选择是使用对象gmarkers而不是数组，因为在列表中间添加一个项目会打乱 HTML 中的现有项目。

然后，可以通过字符串 ID 调用地点，例如gmarkers['safeway']. 我们没有将标记推送到 in 中的数组createMarker，而是将 id 分配给标记：

gmarkers[id] = marker;

如果您遇到麻烦，请在下面写评论！我没有测试上面的代码。

于 2012-05-25T15:34:56.587 回答