OpenLayers-在地图上显示标记

Question

我在地图上看不到标记。 在表中，我可以看到所有点，但是在地图上没有显示。 我猜问题出在这里：

markers.addMarker(new OpenLayers.Marker(new OpenLayers.LonLat(venues.location.lat,venues.location.lng),icon));
markers.addMarker(new OpenLayers.Marker(new OpenLayers.LonLat(venues.location.lat,venues.location.lng),icon.clone()));

当我放一些坐标而不是venues.location.lat,venues.location.lng它将显示标记。

...但不知道如何解决。

<script type="text/javascript">
$.getJSON('https://api.foursquare.com/v2/venues/search?ll=32.7153,-117.1564&limit=14&radius=1000&client_id=PKAHBB1OAX0B000CG5UUYO4BXV0LWQWKFB51EK3XVNFJ2ULS&client_secret=RDPX01C01RHCYASZIKVH5XXMPVFIPLFHFP1D53UR4GUWQD50&v=20120101',
function(data) {
console.log(data); 
    $.each(data.response.venues, function(i,venues){
        content = '<p>Name: ' + venues.name + 
            ' Address: ' + venues.location.address + 
            ' Lat/long: ' + venues.location.lat + ', ' + venues.location.lng + '</p>';
            $(content).appendTo("#venues");
        $('#table').append("<tr><td>" + venues.name + "</td><td>" + venues.location.address + "</td><td>" +venues.location.lat + "</td><td>" + venues.location.lng + "</td></tr >");

   });
});
</script>

Answer 1

首先，问题是无法通过<body>内的OpenLayers块访问通过AJAX请求读取的可变venues 。 如果要将每个数据点添加到地图，则需要将添加标记的代码移至$.each回调的主体。 另一个问题是，顾名思义， OpenLayers.LonLat的构造函数将纬度作为第一个参数，您以错误的顺序传递了lat和lon，从而导致标记出现在南极洲的某个地方。

这是解决这两个问题的JSFiddle： http : //jsfiddle.net/s9jGt/1/