1

我有以下html；

    <div class="event-details-container">
<div class="event-details">
<div class="adress">My adress</div>
<div class="arranger">My arranger</div>
<div class="title">My title</div>
<div class="date">My date</div>
</div>
<div class="event-details">
<div class="adress">My adress 2</div>
<div class="arranger">My arranger 2</div>
<div class="title">My title 2</div>
<div class="date">My date 2</div>
</div>
</div>

我有以下JS：

    var myMarkers = "";
$('.event-details-container .event-details').each(function (index) {
    myMarkers += "{ address: " + $(this).children(".adress").text() + ", html: " + "<div style='font-siz:14px;font-weight:bold'>" + $(this).children(".title").text() + "</div>" + $(this).children(".date").text() + "<br/>" + $(this).children(".arranger").text() + "<br/>" + $(this).children(".adress").text() + "},";
});

$(".google-map").gMap({ markers: [myMarkers.slice(0, -1)],
    address: "Washington DC, US",
    zoom: 6
});

上面的 JS 是基于http://gmap.nurtext.de/（一个 jQuery 插件）。但是上面的代码不起作用-地图显示，但没有标记-所以我放在一起的Json“字符串”一定有问题-但是什么？

4

1 回答 1

0

我不是javascript 的人......所以有人可能需要清理一下。

查看插件的文档，您需要提供一个包含以下内容的对象：

  • 一个名为的字符串address
  • 一个名为zoom
  • 一个名为的数组markers，其中包含包含的对象
    • 一个名为的字符串address
    • 一个名为html. 

    var myMarkers = [];
$('.event-details-container .event-details').each(function (index) {
    var myHtml = "<div style='font-siz:14px;font-weight:bold'>" + 
              $(this).children(".title").text() + "</div>" + 
              $(this).children(".date").text() + "<br/>" + 
              $(this).children(".arranger").text() + "<br/>" + 
              $(this).children(".adress").text();

    myMarkers.push({ address: $(this).children(".adress").text(), html : myHtml}); 
});

var myObj = { address : "Washington, DC", zoom : 6, markers : myMarkers };

$(".google-map").gMap(myObj);

    （我把事情搞砸了，所以你可以了解发生了什么）

    • 于 2011-09-18T08:37:03.033 回答