交互式地图构建库 Kartograph__city_nb_visits_cities_scale_function_

当前位置: 软件>JavaScript软件

交互式地图构建库 Kartograph

来源: 发布时间：2015-01-24

本文导语: Kartograph 是个构建交互式地图的简单、轻量级类库。它包含两个库，一个用Python写的，用于产生漂亮和压缩的SVG地图，另一个是js类库用于前端展示地图用。示例代码： // cities is a list of dictionaries such as cities = [{ city_nam...

Kartograph 是个构建交互式地图的简单、轻量级类库。

它包含两个库，一个用Python写的，用于产生漂亮和压缩的SVG地图，另一个是js类库用于前端展示地图用。

交互式地图构建库 Kartograph[图片]

示例代码：

// cities is a list of dictionaries such as
cities = [{ city_name: "Berlin", nb_visits: 1496, lon: 13.4, lat: 52.517 }, ...];

// create a scale for radii
var scale = $K.scale.sqrt(cities, 'nb_visits').range([0, 40]);

// add bubbles to the map
map.addSymbols({
    type: $K.Bubble,
    data: cities,
    location: function(city) {
        return [city.lon, city.lat];
    },
    radius: function(city) {
        return scale(city.nb_visits);
    },
    tooltip: function(city) {
        return ''+city.city_name+''+city.nb_visits+' visits';
    },
    sortBy: 'radius desc',
    style: 'fill:#800; stroke: #fff; fill-opacity: 0.5;',
});