Friday, November 10, 2006

标记管理器

原文: Marker Manager
作者: GMarkerManagerAPI讨论组提出意见和建议,帮我们完善这个以及API的其他特性。

标记管理器范例:气象地图

The following example creates a mock weather map for Europe. At zoom level 3, 20 randomly distributed weather icons are displayed. At level 6, when all 200 cities with population over 300,000 are easily distinguished, an additional 200 markers are shown. Finally, at level 8, 1000 markers are shown. (Note: to simplify the example, markers will be added at random locations.)

下面的例子创建了一个假想的欧洲天气地图。在缩放级别3,地图显示20个随机天气图标。在缩放级别6,当人口超过30万的200个城市清晰可见的时候,地图显示另外的200个天气图标。最后,在缩放级别9,地图上会显示1000个天气图标(注意:为了简化例子,天气图标的位置都是随机的。)。

查看例子 (weather_map.html)

function setupMap() {
if (GBrowserIsCompatible()) {
map = new GMap2(document.getElementById("map"));
map.addControl(new GLargeMapControl());
map.setCenter(new GLatLng(41, -98), 4);
window.setTimeout(setupWeatherMarkers, 0);
}
}

function getWeatherMarkers(n) {
var batch = [];
for (var i = 0; i < n; ++i) {
batch.push(new GMarker(getRandomPoint(), { icon: getWeatherIcon() }));
}
return batch;
}

function setupWeatherMarkers() {
mgr = new GMarkerManager(map);
mgr.addMarkers(getWeatherMarkers(20), 3);
mgr.addMarkers(getWeatherMarkers(200), 6);
mgr.addMarkers(getWeatherMarkers(1000), 8);
mgr.refresh();
}

Labels: , ,

0 Comments:

Post a Comment

<< Home