block by dhoboy 4d5faabaafc02e6eeacbefd6d72dfe32

Mapswarm leaflet

Full Screen

Teaswarm on a map! Tiles by Stamen Design. This is a variation of Teaswarm and Song Tea and Ceramics Map. Adding a bit of Beeswarm force layout jitter to reveal otherwise hidden points. Setting the collision higher and removing overlap entirely throws off the lat/long information too much. Circles are sized according to the number of teas taken from each location. Location data is imperfect. Specificity was preserved where possible. For example, some teas are just reported as being from Guangdong, while others are from a more specific place, like Chaozhou, Guangdong.

Open in a new window to see the full thing.

index.html

<!DOCTYPE html>
<meta charset="utf-8">
<head>
  <link rel="stylesheet" href="//cdn.leafletjs.com/leaflet/v0.7.7/leaflet.css" />
  <style>
    #map {
      height: 700px;
      width: 1260px;
    }
    .teaname {
      font-weight: normal;
      font-size: 16px;
    }
    .location {
      font-size: 16px;
      font-weight: bold;
    }
    .company {
     font-weight: bold;
     font-size: 16px; 
     color: "#525252";
     text-decoration: underline;
    }
  </style>
</head>
<body>
<div id="map"></div>
<script src="//cdn.leafletjs.com/leaflet/v0.7.7/leaflet.js"></script>
<script type="text/javascript" src="//maps.stamen.com/js/tile.stamen.js?v1.3.0"></script>
<script src="https://d3js.org/d3.v4.0.0-alpha.35.min.js"></script>
<script>

var teaKeys = ["song", "redblossom"];

var r = d3.scaleLinear()
  .range([15000, 25000]);

var color = d3.scaleOrdinal()
    .domain(teaKeys)
    .range(["#6a3d9a", "#e31a1c"]);

var companyName = { "song": "song tea", "redblossom": "red blossom tea" };

var layer = new L.StamenTileLayer("toner");
var map = new L.Map("map", {
  center: new L.LatLng(26.4, 115.09), //center: new L.LatLng(28.4, 111.09), //whole map on 15 inch screen
  zoom: 6,
  touchZoom: false,
  scrollWheelZoom: false
});
map.addLayer(layer);

var tea_data = {}, remaining = 2;
d3.csv("song.csv", function(data) {
  tea_data.song = data;
  if (!--remaining) draw();
});

d3.csv("redblossom.csv", function(data) {
  tea_data.redblossom = data;
  if (!--remaining) draw();
});

function draw() {
  var m = { song: {}, redblossom: {} }; // markers
  var n = { song: {}, redblossom: {} }; // counters
  var s = { song: {}, redblossom: {} }; // sizes
  var r_domain = { min: undefined, max: undefined };
  
  d3.keys(tea_data).forEach(function(company) {
    tea_data[company].forEach(function(tea) {
      if (n[company][tea.location]) { 
        n[company][tea.location] += 1;
      } else {
        n[company][tea.location] = 1;
      }
    });
    
    s[company] = d3.extent(d3.values(n[company])); // get r domain sizes
    if (r_domain.min == undefined) { // initially set it
      r_domain.min = s[company][0];  
    } else if (s[company][0] < r_domain.min) { // check and re-set if needed
      r_domain.min = s[company][0];
    }
    if (r_domain.max == undefined) { 
      r_domain.max = s[company][1];  
    } else if (s[company][1] > r_domain.max) {
      r_domain.max = s[company][1];
    }
  });

  r.domain([r_domain.min, r_domain.max]);

  // loop again to plot points with radius scaled as a function of the number of teas from that area
  d3.keys(tea_data).forEach(function(company) {
    tea_data[company].forEach(function(tea) {
      if (m[company][tea.location]) { 
        m[company][tea.location]._popup._content += "<div class='teaname'>" + tea.name + "</div>";
      }
      else { // draw this circle and plot the tea name on the map
        m[company][tea.location] = L.circle([tea.latitude, tea.longitude], r(n[company][tea.location]), 
                                   { fillColor: color(company),
                                     fillOpacity: 0.8, 
                                     color: "black",
                                     weight: 1,
                                     opacity: 1
                                   })
          .bindPopup("<div class='company'>" + companyName[company] + "</div>" +
                      "<div class='location'>" + tea.location.split("_").join(", ") + 
                      "</div>" + "<div class='teaname'>" + tea.name + "</div>")
          //.addTo(map) // uncomment this and comment out the section below to check out the difference without the force layout
      }
    });

    var simulation = d3.forceSimulation(tea_data[company])
      .force("x", d3.forceX(function(d) { return d.latitude; }).strength(1))
      .force("y", d3.forceY(function(d) { return d.longitude; }).strength(1))
      .force("collide", d3.forceCollide(.2))
      .stop();

    for (var i = 0; i < 120; ++i) simulation.tick(); 

    tea_data[company].forEach(function(tea) {
      m[company][tea.location]
        .setLatLng([tea.x, tea.y]) 
        .addTo(map);
    });
  });
}
//d3.select(self.frameElement).style("height", "700px").style("width", "1260px");
</script>

redblossom.csv

name,brewing_amount(g),brewing_volume(ml),brewing_temp(F),brewing_time(minutes),price_per_oz($),type,location,latitude,longitude,imgUrl
yunnan pearl,3.5,177,200,1.5,4.88,red,yunnan,25.265,101.854,http://www.redblossomtea.com/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/y/u/yunnan_black5_2.jpg
persimmon blossom (ya sai),3.5,177,205,1,30,oolong,chaozhou_guangdong,23.6581625,116.474635,http://www.redblossomtea.com/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/o/p/op-100_6_1.jpg
tung ting mi xiang,5,177,205,2,12.5,oolong,nantou county,23.8617,121.0371,http://www.redblossomtea.com/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/t/t/ttmx2015-3.jpg
spring mao feng,2.5,177,185,1,7.5,green,songxi county_fujian,27.6343,118.7292,http://www.redblossomtea.com/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/o/r/org-maofeng.jpg
da yu lin,5,177,195,4,30,oolong,da yu lin,24.2652846,121.4553234,http://www.redblossomtea.com/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/o/f/of-153-1_1_1.jpg
dragon pearl jasmine green,3.5,177,195,1,8,scented,fujian,26.094,118.218,http://www.redblossomtea.com/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/j/-/j-101-1_2.jpg
ming qian dragonwell panan supreme,2,177,175,1,31,green,pan'an county_zhejiang,29.0722683,120.2625081,http://www.redblossomtea.com/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/g/-/g-161-2-1_1_1.jpg
organic shou mei,3.5,177,195,2.5,2.63,white,fuding_fujian,27.2236575,120.0312846,http://www.redblossomtea.com/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/_/d/_dsc0146.jpg
wild leaf menghai sheng puerh 2003,3.5,177,212,1,14,puerh,yunnan,25.265,101.854,http://www.redblossomtea.com/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/e/m/emperor1998_4.14.11.jpg
grand shou wild leaf lincang puerh 2006,4,177,212,1.5,9,puerh,yunnan,25.265,101.854,http://www.redblossomtea.com/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/p/-/p-128-1_2.jpg
golden monkey first pick,3.5,177,200,1,8.5,red,wuyi shan_fujian,27.7037,117.9928,http://www.redblossomtea.com/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/g/m/gm-firstpick-2015.jpg
organic fuding silver needle,3.5,177,195,1.5,18.5,white,fuding_fujian,27.2236575,120.0312846,http://www.redblossomtea.com/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/w/-/w-102.jpg
white dragon pearl premium,3.5,177,195,1,10,white,fuding_fujian,27.2236575,120.0312846,http://www.redblossomtea.com/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/j/-/j-110-1_1.jpg
lishan spring,5,177,200,3,15.5,oolong,lishan,24.2931,121.2087,http://www.redblossomtea.com/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/l/i/lishann.jpg
wenshan baozhong,4,177,200,2,11.75,oolong,pinglin district,24.9122826,121.6491817,http://www.redblossomtea.com/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/o/f/of-170-1_1.jpg
pre-rain dragonwell,2,177,175,1,8.5,green,pan'an county_zhejiang,29.0722683,120.2625081,http://www.redblossomtea.com/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/g/-/g-103-1_5.jpg
fu shou shan,5,177,200,3,18,oolong,lishan,24.2931,121.2087,http://www.redblossomtea.com/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/f/u/fushou.jpg
alishan,4.5,177,200,2.5,12.5,oolong,alishan,23.5085847,120.7926488,http://www.redblossomtea.com/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/a/l/alishan.jpg
jin xuan winter sprout,4.5,177,200,1.75,20,oolong,san lin xi,22.9819782,120.5032494,http://www.redblossomtea.com/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/_/d/_dsc0566.jpg
xin gong yi (new craft),3.5,177,195,2.5,9,white,fuding_fujian,27.2236575,120.0312846,http://www.redblossomtea.com/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/w/-/w-104_1.jpg
organic celadon pearl,3,177,180,.5,3,green,zhejiang,29.0914908,118.2447027,http://www.redblossomtea.com/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/g/-/g-110-1_1.jpg
fuding xue long (snow dragon),2.5,177,185,1,10,green,fuding_fujian,27.2236575,120.0312846,http://www.redblossomtea.com/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/g/-/g-165_4.jpg
organic bai mu dan,3.5,177,195,2.5,7.25,white,fuding_fujian,27.2236575,120.0312846,http://www.redblossomtea.com/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/w/-/w-116-1_1.jpg
organic cloud and mist,2,177,175,.5,4,green,fuding_fujian,27.2236575,120.0312846,http://www.redblossomtea.com/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/g/-/g-113-1_1.jpg
dark roast tieguanyin,6,177,200,2,9,oolong,anxi county_fujian,25.134399,117.3638836,http://www.redblossomtea.com/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/g/-/g-113-1_1.jpg
monkey picked tieguanyin,5,177,200,2,6.5,oolong,anxi county_fujian,25.134399,117.3638836,http://www.redblossomtea.com/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/m/o/monky-2015.jpg
lishan winter,5,177,200,2.5,15.5,oolong,lishan,24.2931,121.2087,http://www.redblossomtea.com/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/o/f/of-137-1.jpg
san lin xi winter,5,177,200,2.5,14,oolong,san lin xi,22.9819782,120.5032494,http://www.redblossomtea.com/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/o/f/of-142-1.jpg
jin xuan,4.5,177,200,3,10,oolong,alishan,23.5085847,120.7926488,http://www.redblossomtea.com/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/o/f/of-110-1_1.jpg
tung ting spring,5,177,200,1.5,6,oolong,nantou county,23.8617,121.0371,http://www.redblossomtea.com/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/o/f/of-100-1_1.jpg
tung ting dark roast,5,177,200,1,7.5,oolong,nantou county,23.8617,121.0371,http://www.redblossomtea.com/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/o/f/of-101-1_1.jpg
gunpowder,2,177,180,.5,2,green,zhejiang,29.0914908,118.2447027,http://www.redblossomtea.com/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/g/-/g-135-1_2.jpg
mi lan xiang (honey orchid),3.5,177,205,1,15,oolong,chaozhou_guangdong,23.6581625,116.474635, http://www.redblossomtea.com/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/o/p/op-110_5.jpg
aged tieguanyin ca. 1986,4,177,200,1.5,15,oolong,anxi county_fujian,25.134399,117.3638836,http://www.redblossomtea.com/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/t/g/tgy_ca.86_2.jpg
heritage grand scarlet robe,3.5,177,200,1.334,19,oolong,wuyi shan_fujian,27.7037,117.9928,http://www.redblossomtea.com/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/o/w/ow-121-1_2.jpg
heritage golden buddha,3.5,177,200,1,12.5,oolong,wuyi shan_fujian,27.7037,117.9928,http://www.redblossomtea.com/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/o/w/ow-151-1_1.jpg
lishan hong mi xiang (honey fragrance),3.5,177,195,1,30,red,lishan,24.2931,121.2087,http://www.redblossomtea.com/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/_/d/_dsc0606-2_1_1.jpg
formosa red native cultivar mi xiang,3.5,177,205,1.75,12.5,red,nantou county,23.8617,121.0371,http://www.redblossomtea.com/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/_/d/_dsc0598-2_2.jpg
formosa red #18 mi xiang,3.5,177,205,1.75,12.5,red,nantou county,23.8617,121.0371,http://www.redblossomtea.com/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/b/-/b-116-1_1.jpg
organic formosa red assam,3.5,177,205,1.75,10,red,nantou county,23.8617,121.0371,http://www.redblossomtea.com/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/b/-/b-118_1.jpg
three cultivar red,3.5,177,205,2,9,red,fujian,26.094,118.218,http://www.redblossomtea.com/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/b/-/b-119_2_2.jpg
gold thread reserve,3.5,177,200,1.5,13,red,yunnan,25.265,101.854,http://www.redblossomtea.com/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/g/o/goldthreadreserve_15.11.19_1.jpg
organic golden monkey,3.5,177,200,1,3.5,red,wuyi shan_fujian,27.7037,117.9928,http://www.redblossomtea.com/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/b/-/b-112-1.jpg
wild leaf sheng puerh 1998,4,177,212,2,15,puerh,yunnan,25.265,101.854,http://www.redblossomtea.com/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/p/-/p-205-1.jpg
emperor puerh 1998,4,177,212,1,11.5,puerh,yunnan,25.265,101.854,http://www.redblossomtea.com/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/p/-/p-300-1.jpg
jasmine mao jian,3.5,177,185,1.5,2.63,scented,fujian,26.094,118.218,http://www.redblossomtea.com/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/j/-/j-160-1.jpg
rose black,3.5,177,205,1,3,scented,guangdong,22.8155036,108.9847666,http://www.redblossomtea.com/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/b/a/ba-105-1.jpg
dragon pearl jasmine supreme,3.5,177,195,1,10,scented,fujian,26.094,118.218,http://www.redblossomtea.com/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/j/-/j-101-1.jpg
organic dragon pearl jasmine,3.5,177,195,1,6.25,scented,fujian,26.094,118.218,http://www.redblossomtea.com/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/j/-/j-100-1.jpg
lychee black,3.5,177,205,1,3,scented,guangdong,22.8155036,108.9847666,http://www.redblossomtea.com/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/b/a/ba-100-1.jpg

song.csv

name,brewing_amount(g),brewing_volume(ml),brewing_temp(F),brewing_time(minutes),price_per_oz($),type,location,latitude,longitude,imgUrl
aged baozhong 1960,5,150,203,2,25,oolong,wenshan,24.9880031,121.5402519,https://songtea.com/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/1/9/1960_baozhong-01.jpg
buddha's hand,6,150,203,2.5,23,oolong,alishan,23.5085847,120.7926488,https://songtea.com/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/b/u/buddha_hand_01.jpg
dragonwell,4,150,175,1,44,green,zhejiang,29.0914908,118.2447027,https://songtea.com/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/d/r/dragonwell-01_1.jpg
eighteen,4,150,203,1.5,10.50,red,sun moon lake_yuchi township,23.871539,120.8602217,https://songtea.com/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/e/i/eighteen-01.jpg
formosa dahongpao 1992,5,150,205,1.5,37.5,oolong,shan lin xi,22.9819782,120.5032494,https://songtea.com/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/1/9/1992_formosa_dahongpao-01.jpg
formosa yancha,6,150,205,2,23,oolong,shan lin xi,22.9819782,120.5032494,https://songtea.com/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/f/o/formosa_yancha_1.jpg
four seasons red,5,150,203,1,27,red,lishan,24.2931,121.2087,https://songtea.com/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/f/o/four_seasons_red_1.jpg
gold peony red,5,150,203,1.5,10,red,fujian,26.094,118.218,https://songtea.com/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/g/o/gold_peony_red-01.jpg
gold peony rolled leaf,5,150,205,2,16,oolong,fujian,26.094,118.218,https://songtea.com/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/g/o/gold_peony_rolled-01.jpg
gold peony twisted leaf,5,150,205,2,14,oolong,fujian,26.094,118.218,https://songtea.com/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/g/o/gold_peony_twisted-01.jpg
golden needle,5,150,203,2,5,red,songxi county_fujian,27.6343,118.7292,https://songtea.com/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/g/o/golden_needle-01_1.jpg
huang meigui,4,150,200,1.5,11,white,fujian,26.094,118.218,https://songtea.com/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/h/u/huang_meigui_1.jpg
lishan orchid,6,150,203,2,23,oolong,lishan,24.2931,121.2087,https://songtea.com/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/l/i/lishan_orchid_1.jpg
lishan shuixian,5,150,205,1,25,oolong,lishan,24.2931,121.2087,https://songtea.com/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/l/i/lishan_shuixian-01.jpg
lishan winter sprout,6,150,205,1,25,oolong,lishan,24.2931,121.2087,https://songtea.com/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/l/i/lishan_ws-01.jpg
nantou dark,6,150,205,2,11,oolong,nantou county,23.8617,121.0371,https://songtea.com/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/n/a/nantou_dark-01.jpg
old tree shuixian,5,150,212,2,36,oolong,wuyi shan_fujian,27.7037,117.9928,https://songtea.com/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/o/l/old_tree_shuixian-01.jpg
old tree yunnan red,5,150,208,1,11,red,fengqing county_yunnan,24.6164,99.9248,https://songtea.com/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/o/l/old_tree_yunnan-01.jpg
red water shuixian,5,150,205,1,27.5,oolong,lishan,24.2931,121.2087,https://songtea.com/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/r/e/red_water_shuixian-01.jpg
red water tieguanyin,5,150,205,2,25,oolong,lishan,24.2931,121.2087,https://songtea.com/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/r/e/red_water_tieguanyin-01.jpg
shan lin xi winter sprout,6,150,205,1,18,oolong,shan lin xi,22.9819782,120.5032494,https://songtea.com/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/s/a/san_lin_xi_ws-01.jpg
snow jasmine,3,150,180,1,11,scented,mengding shan_sichuan,30.088252,103.0663433,https://songtea.com/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/s/n/snow_jasmine-01.jpg
twenty one,3,150,203,1.5,19,red,sun moon lake_yuchi township,23.871539,120.8602217,https://songtea.com/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/t/w/twenty_one-01.jpg
wild mao feng,4,150,180,.5,12.5,green,shexian county_anhui,29.809571,118.3658763,https://songtea.com/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/w/i/wild_maofeng-01.jpg
winter shuixian,5,150,205,1,25,oolong,lishan,24.2931,121.2087,https://songtea.com/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/w/i/winter_shuixian-01.jpg
zhu ye qing,4,150,175,1,25,green,sichuan,30.088252,103.0663433,https://songtea.com/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/z/h/zhu_ye_qing-01.jpg