Question

我在Openlayers地图上有“N”个标记，我需要“标记”这些标记（含义：在其中放置一个文本）我尝试了几种方法，但仍然无法实现我的需要。

我的JS代码片段（从代码中删除了一些不相关的东西）：

function getWeatherInfo(){
if(wheatherOfCitiesMarkerLayer == null){
    wheatherOfCitiesMarkerLayer = new OpenLayers.Layer.Markers("WeatherMarkerLayer");
    map.addLayer(wheatherOfCitiesMarkerLayer);
}

$.getJSON(qryPointResultListForAllCities(),  function(data) {   
    if(data!= null){
        var size = new OpenLayers.Size(60,45);
        var offset = new OpenLayers.Pixel(-(size.w/2), -size.h);

        for(var i = 0; i < data.pr.length; i ++){   

            // Create markers by using the returned data from the server
            //...
            //... Removed some irrevelant stuff

            var lat = data.pr[i].la;
            var lon = data.pr[i].lo;
            var infos = data.pr[i].info.infos;
            var infop = data.pr[i].info.infop;
            var infocc = data.pr[i].info.infocc;

            var icon = new OpenLayers.Icon('my_marker_img.png',size,offset);

            location = new OpenLayers.LonLat(lon, lat);
            location = transformFromWGS1984ToSphericalMercator(location.clone());
            marker = new OpenLayers.Marker(location,icon.clone());

            wheatherOfCitiesMarkerLayer.addMarker(marker);

        }

    }

}

}

我需要做的是在地图上的每个标记中放置标签或文字。

Answer 1

由于您无论如何从服务器获取标记数据，您可以做的是，在仅使用定义的标签类的地图文件中创建图层，并将其作为叠加层添加到标记图层上。

希望这有帮助。

Answer 2

您可以向标记添加标记，而不是向标记添加文本（或标签）。

这是通过创建一个包含location，title，description和icon路径的新文本文件来完成的（不是必需的，如果使用默认值，则会使用默认值没有设置）。例如，如果您想在地图上放置两个标记，则文本文件可能如下所示

point  title              description            icon
10,99  An labeled marker  with default image     
12,34  Another marker     This is my label text  http://example.com/marker.png

请注意，名称和参数之间应该有标签，而不是空格。第二行末尾还有一个标签，没有给出图标。

将此文件保存在您网站的某个位置，并将此代码放在初始化图层的位置。

var textl = new OpenLayers.Layer.Text("text", {location : "data_dile.txt"});
map.addLayer(textl);

文本文件可以通过服务器端语言动态创建，例如PHP。

有一个在线example here。

具有自定义文本/标签的OpenLayers标记

2 个答案: