echarts實現中國疫情地圖

最近每天早上醒來第一件事就是看看當天新增人數是否減少了，出院了多少，每個省目前還有多少確診人數，見到最多的就是中國地圖的分布圖，由于工作需要，自己也使用echarts實現了一個。效果如下：


image.png

一：認識echarts

ECharts，縮寫來自 Enterprise Charts，商業級數據圖表，是百度的一個開源的數據可視化工具，一個純 Javascript 的圖表庫。目前很多商業項目都在使用，不但好用而且是免費。

二：實現步驟

1.官網上面有很多實例可供大家參考，這個是地圖實例的鏈接：https://www.echartsjs.com/examples/en/editor.html?c=doc-example/map-visualMap-pieces&edit=1

2.在頁面左側框中輸入以下數據：

option = {
    title: {
        text: '中國疫情圖',
        left: 'center'
    },
    tooltip: {
        trigger: 'item'
    },
    legend: {
        orient: 'vertical',
        left: 'left',
        data: ['中國疫情圖']
    },
    visualMap: {
        type: 'piecewise',
        pieces: [
            {min: 1000, max: 1000000, label: '大于等于1000人', color: '#372a28'},
            {min: 500, max: 999, label: '確診500-999人', color: '#4e160f'},
            {min: 100, max: 499, label: '確診100-499人', color: '#974236'},
            {min: 10, max: 99, label: '確診10-99人', color: '#ee7263'},
            {min: 1, max: 9, label: '確診1-9人', color: '#f5bba7'},
        ],
        color: ['#E0022B', '#E09107', '#A3E00B']
    },
    toolbox: {
        show: true,
        orient: 'vertical',
        left: 'right',
        top: 'center',
        feature: {
            mark: {show: true},
            dataView: {show: true, readOnly: false},
            restore: {show: true},
            saveAsImage: {show: true}
        }
    },
    roamController: {
        show: true,
        left: 'right',
        mapTypeControl: {
            'china': true
        }
    },
    series: [
        {
            name: '確診數',
            type: 'map',
            mapType: 'china',
            roam: false,
            label: {
                show: true,
                color: 'rgb(249, 249, 249)'
            },
            data: [
               {
                  name: '北京',
                  value: 212
                }, {
                  name: '天津',
                  value: 60
                }, {
                  name: '上海',
                  value: 208
                }, {
                  name: '重慶',
                  value: 337
                }, {
                  name: '河北',
                  value: 126
                }, {
                  name: '河南',
                  value: 675
                }, {
                  name: '云南',
                  value: 117
                }, {
                  name: '遼寧',
                  value: 74
                }, {
                  name: '黑龍江',
                  value: 155
                }, {
                  name: '湖南',
                  value: 593
                }, {
                  name: '安徽',
                  value: 480
                }, {
                  name: '山東',
                  value: 270
                }, {
                  name: '新疆',
                  value: 29
                }, {
                  name: '江蘇',
                  value: 308
                }, {
                  name: '浙江',
                  value: 829
                }, {
                  name: '江西',
                  value: 476
                }, {
                  name: '湖北',
                  value: 13522
                }, {
                  name: '廣西',
                  value: 139
                }, {
                  name: '甘肅',
                  value: 55
                }, {
                  name: '山西',
                  value: 74
                }, {
                  name: '內蒙古',
                  value: 34
                }, {
                  name: '陜西',
                  value: 142
                }, {
                  name: '吉林',
                  value: 42
                }, {
                  name: '福建',
                  value: 179
                }, {
                  name: '貴州',
                  value: 56
                }, {
                  name: '廣東',
                  value: 797
                }, {
                  name: '青海',
                  value: 15
                }, {
                  name: '西藏',
                  value: 1
                }, {
                  name: '四川',
                  value: 282
                }, {
                  name: '寧夏',
                  value: 34
                }, {
                  name: '海南',
                  value: 79
                }, {
                  name: '臺灣',
                  value: 10
                }, {
                  name: '香港',
                  value: 15
                }, {
                  name: '澳門',
                  value: 9
                }
            ]
        }
    ]
};

此時頁面右側就會渲染出中國疫情地圖了。以上是Echarts的Example環境，真實項目中需要加入china.js。

3.在自己的項目中如何使用echarts實現疫情圖，靜態頁面代碼如下：

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>疫情地圖展示</title>
  <style>
    #myEcharts {
      width: 800px;
      height: 500px;
      border: solid 1px red;
      margin: 0 auto;
    }
  </style>
  <!-- 引入 echarts.js -->
  <script src="https://www.echartsjs.com/examples/vendors/echarts/echarts.min.js?_v_=1578305236132"></script>
  <!--引入中國的地圖數據js文件，引入后會自動注冊地圖名字和數據-->
  <script src="https://www.echartsjs.com/examples/vendors/echarts/map/js/china.js?_v_=1578305236132"></script>

</head>

<body>
  <!--為echarts準備一個dom容器-->
  <div id="myEcharts"></div>
  <script>
    //初始化echarts實例
    var myChart = echarts.init(document.getElementById('myEcharts'));
    // 指定圖表的配置項和數據
    option = {
      title: {
        text: '中國疫情圖',
        left: 'center'
      },
      tooltip: {
        trigger: 'item'
      },
      legend: {
        orient: 'vertical',
        left: 'left',
        data: ['中國疫情圖']
      },
      visualMap: {
        type: 'piecewise',
        pieces: [
          { min: 1000, max: 1000000, label: '大于等于1000人', color: '#372a28' },
          { min: 500, max: 999, label: '確診500-999人', color: '#4e160f' },
          { min: 100, max: 499, label: '確診100-499人', color: '#974236' },
          { min: 10, max: 99, label: '確診10-99人', color: '#ee7263' },
          { min: 1, max: 9, label: '確診1-9人', color: '#f5bba7' },
        ],
        color: ['#E0022B', '#E09107', '#A3E00B']
      },
      toolbox: {
        show: true,
        orient: 'vertical',
        left: 'right',
        top: 'center',
        feature: {
          mark: { show: true },
          dataView: { show: true, readOnly: false },
          restore: { show: true },
          saveAsImage: { show: true }
        }
      },
      roamController: {
        show: true,
        left: 'right',
        mapTypeControl: {
          'china': true
        }
      },
      series: [
        {
          name: '確診數',
          type: 'map',
          mapType: 'china',
          roam: false,
          label: {
            show: true,
            color: 'rgb(249, 249, 249)'
          },
          data: [
            {
              name: '北京',
              value: 212
            }, {
              name: '天津',
              value: 60
            }, {
              name: '上海',
              value: 208
            }, {
              name: '重慶',
              value: 337
            }, {
              name: '河北',
              value: 126
            }, {
              name: '河南',
              value: 675
            }, {
              name: '云南',
              value: 117
            }, {
              name: '遼寧',
              value: 74
            }, {
              name: '黑龍江',
              value: 155
            }, {
              name: '湖南',
              value: 593
            }, {
              name: '安徽',
              value: 480
            }, {
              name: '山東',
              value: 270
            }, {
              name: '新疆',
              value: 29
            }, {
              name: '江蘇',
              value: 308
            }, {
              name: '浙江',
              value: 829
            }, {
              name: '江西',
              value: 476
            }, {
              name: '湖北',
              value: 13522
            }, {
              name: '廣西',
              value: 139
            }, {
              name: '甘肅',
              value: 55
            }, {
              name: '山西',
              value: 74
            }, {
              name: '內蒙古',
              value: 34
            }, {
              name: '陜西',
              value: 142
            }, {
              name: '吉林',
              value: 42
            }, {
              name: '福建',
              value: 179
            }, {
              name: '貴州',
              value: 56
            }, {
              name: '廣東',
              value: 797
            }, {
              name: '青海',
              value: 15
            }, {
              name: '西藏',
              value: 1
            }, {
              name: '四川',
              value: 282
            }, {
              name: '寧夏',
              value: 34
            }, {
              name: '海南',
              value: 79
            }, {
              name: '臺灣',
              value: 10
            }, {
              name: '香港',
              value: 15
            }, {
              name: '澳門',
              value: 9
            }
          ]
        }
      ]
    };

    //使用指定的配置項和數據顯示圖表
    myChart.setOption(option);
  </script>
</body>

</html>

4.數據調取
數據使用騰訊的數據：接口地址：https://view.inews.qq.com/g2/getOnsInfo?name=disease_h5&callback=jQuery34102581268431257997_1582545445186&_=1582545445187

image.png

拿到數據后，發現數據格式是這樣子的：

image.png

這個數據是騰訊根據自己的需求組裝好的數據格式，我們需要用到的是areaTree下面的children。拿到數據后我們需要處理成圖表需要的數據格式。需要的格式是這樣子的：

        [{
          name: '北京11',
          value: 212
        }, {
          name: '天津',
          value: 60
        }]

直接上對接數據后的代碼：

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>疫情地圖展示</title>
  <style>
    .container {
      width: 1200px;
      margin: 0 auto;
    }

    #myEcharts {
      width: 800px;
      height: 500px;
      border: solid 1px red;
      margin: 0 auto;
    }
  </style>
  <script src="https://www.echartsjs.com/examples/vendors/jquery/jquery.js"></script>
  <!-- 引入 echarts.js -->
  <script src="https://www.echartsjs.com/examples/vendors/echarts/echarts.min.js?_v_=1578305236132"></script>
  <!--引入中國的地圖數據js文件，引入后會自動注冊地圖名字和數據-->
  <script src="https://www.echartsjs.com/examples/vendors/echarts/map/js/china.js?_v_=1578305236132"></script>

</head>

<body>
  <div class="container">
    <h3>累計確診人數如下：</h3>
    <!--為echarts準備一個dom容器-->
    <div id="myEcharts"></div>
  </div>


  <script>
    //初始化echarts實例
    var myChart = echarts.init(document.getElementById('myEcharts'));
    // 指定圖表的配置項和數據
    option = {
      title: {
        text: '中國疫情圖',
        left: 'center'
      },
      tooltip: {
        trigger: 'item'
      },
      legend: {
        orient: 'vertical',
        left: 'left',
        data: ['中國疫情圖']
      },
      visualMap: {
        type: 'piecewise',
        pieces: [
          { min: 1000, max: 1000000, label: '大于等于1000人', color: '#372a28' },
          { min: 500, max: 999, label: '確診500-999人', color: '#4e160f' },
          { min: 100, max: 499, label: '確診100-499人', color: '#974236' },
          { min: 10, max: 99, label: '確診10-99人', color: '#ee7263' },
          { min: 1, max: 9, label: '確診1-9人', color: '#f5bba7' },
        ],
        color: ['#E0022B', '#E09107', '#A3E00B']
      },
      toolbox: {
        show: true,
        orient: 'vertical',
        left: 'right',
        top: 'center',
        feature: {
          mark: { show: true },
          dataView: { show: true, readOnly: false },
          restore: { show: true },
          saveAsImage: { show: true }
        }
      },
      roamController: {
        show: true,
        left: 'right',
        mapTypeControl: {
          'china': true
        }
      },
      series: [
        {
          name: '確診數',
          type: 'map',
          mapType: 'china',
          roam: false,
          label: {
            show: true,
            color: 'rgb(249, 249, 249)'
          },
          data: []
        }
      ]
    };

    //使用指定的配置項和數據顯示圖表
    myChart.setOption(option);

    //獲取數據
    function getData() {
      $.ajax({
        url: "https://view.inews.qq.com/g2/getOnsInfo?name=disease_h5",
        dataType: "jsonp",
        success: function (data) {
          //  console.log(data.data)
          var res = data.data || "";
          res = JSON.parse(res);
          var newArr = [];
          //newArr的數據格式為：
          // [{
          //   name: '北京11',
          //   value: 212
          // }, {
          //   name: '天津',
          //   value: 60
          // }]
          if (res) {
            //獲取到各個省份的數據
            var province = res.areaTree[0].children;
            for (var i = 0; i < province.length; i++) {
              var json = {
                name: province[i].name,
                value: province[i].total.confirm
              }
              newArr.push(json)
            }
            console.log(newArr)
            console.log(JSON.stringify(newArr))
            //使用指定的配置項和數據顯示圖表
            myChart.setOption({
              series: [
                {
                  name: '確診數',
                  type: 'map',
                  mapType: 'china',
                  roam: false,
                  label: {
                    show: true,
                    color: 'rgb(249, 249, 249)'
                  },
                  data: newArr
                }
              ]
            });
          }
        }

      })
    }
    getData();

  </script>
</body>
</html>

三：知識點解析：

option參數的含義：

  • title：顯示圖標的標題
  • tooltip：展示提示框，當你鼠標點擊某個省份時用來展示對應的確診人數
  • legend：圖例，設置圖例展示的位置
  • visualMap：視覺映射，每個顏色代表什么含義
  • series：地圖數據可視化，添加data數據

最后再給大家一個友好建議：
1、插件自帶的地圖省份名字是默認出現在省會城市的位置，導致很多省份的名字有點擠甚至偏移，大家可以打開map/js/china.js

2、檢索自己想要更改的省份名字，如湖南
"properties":{"cp":[112.982279,28.19409],"name":"湖南","childNum":3}}
其中cp即表示文字的位置，兩個坐標表示經緯度，大家根據需要調整。有興趣的小伙伴可以試試哦！

對echarts還不熟悉的同學可以先看一遍官方教程哦,地址如下：https://www.echartsjs.com/zh/tutorial.html

疫情中一個個感人的瞬間，每天都是滿滿的感動，太多感謝的話都會顯得那么蒼白無力，只希望疫情趕快過去。

更新了2022。。。。。。。。。。。。。。。。最近很多人說地圖出不來了，所以補充一下
由于echarts之前的官網不能訪問了，所以之前引用的地址無法訪問了，現做了如下調整供大家參考：

之前的china.js無法訪問了，我網上找了一個，下載下來然后在頁面引用，china.js里面亂碼不用管。
鏈接: https://pan.baidu.com/s/1uE3VpxRuNX_IRDVA_ElsBA 提取碼: 3nh8

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>疫情地圖展示</title>
    <style>
      .container {
        width: 1200px;
        margin: 0 auto;
      }

      #myEcharts {
        width: 800px;
        height: 500px;
        border: solid 1px red;
        margin: 0 auto;
      }
    </style>

    <!-- 引入 echarts.js -->
    <script src="https://cdn.jsdelivr.net/npm/echarts@5.4.0/dist/echarts.min.js"></script>
    <!--引入中國的地圖數據js文件，引入后會自動注冊地圖名字和數據-->
    <script src="./china.js"></script>
  </head>

  <body>
    <div class="container">
      <h3>新增確診人數如下：</h3>
      <!--為echarts準備一個dom容器-->
      <div id="myEcharts"></div>
    </div>

    <script>
      //初始化echarts實例
      var myChart = echarts.init(document.getElementById("myEcharts"));
      // 指定圖表的配置項和數據
      option = {
        title: {
          text: "中國疫情圖",
          left: "center",
        },
        tooltip: {
          trigger: "item",
        },
        legend: {
          orient: "vertical",
          left: "left",
          data: ["中國疫情圖"],
        },
        visualMap: {
          type: "piecewise",
          pieces: [
            {
              min: 1000,
              max: 1000000,
              label: "大于等于1000人",
              color: "#372a28",
            },
            { min: 500, max: 999, label: "確診500-999人", color: "#4e160f" },
            { min: 100, max: 499, label: "確診100-499人", color: "#974236" },
            { min: 10, max: 99, label: "確診10-99人", color: "#ee7263" },
            { min: 1, max: 9, label: "確診1-9人", color: "#f5bba7" },
          ],
          color: ["#E0022B", "#E09107", "#A3E00B"],
        },
        toolbox: {
          show: true,
          orient: "vertical",
          left: "right",
          top: "center",
          feature: {
            mark: { show: true },
            dataView: { show: true, readOnly: false },
            restore: { show: true },
            saveAsImage: { show: true },
          },
        },
        roamController: {
          show: true,
          left: "right",
          mapTypeControl: {
            china: true,
          },
        },
        series: [
          {
            name: "新增確診",
            type: "map",
            mapType: "china",
            roam: false,
            label: {
              show: true,
              color: "rgb(249, 249, 249)",
            },
            data: [],
          },
        ],
      };

      //使用指定的配置項和數據顯示圖表
      myChart.setOption(option);

      //獲取數據
      function getData() {
        // 看這里看這里看這里看這里看這里看這里看這里看這里看這里看這里看這里
        // https://api.inews.qq.com/newsqa/v1/query/inner/publish/modules/list?modules=provinceCompare
        // 由于這個地址訪問存在跨域問題，目前將上面的url放到瀏覽器去訪問，然后將數據復制出來使用
        var data = {
          ret: 0,
          info: "",
          data: {
            provinceCompare: {
              黑龍江: {
                nowConfirm: 44,
                confirmAdd: 52,
                dead: 0,
                heal: 8,
                zero: 0,
              },
              天津: { nowConfirm: 0, confirmAdd: 4, dead: 0, heal: 4, zero: 0 },
              山東: {
                nowConfirm: 72,
                confirmAdd: 82,
                dead: 0,
                heal: 10,
                zero: 0,
              },
              新疆: {
                nowConfirm: 5,
                confirmAdd: 23,
                dead: 0,
                heal: 18,
                zero: 0,
              },
              澳門: { nowConfirm: 1, confirmAdd: 1, dead: 0, heal: 0, zero: 0 },
              福建: {
                dead: 0,
                heal: 7,
                zero: 0,
                nowConfirm: 59,
                confirmAdd: 66,
              },
              青海: { nowConfirm: 2, confirmAdd: 5, dead: 0, heal: 3, zero: 0 },
              上海: {
                heal: 11,
                zero: 0,
                nowConfirm: 9,
                confirmAdd: 20,
                dead: 0,
              },
              內蒙古: {
                nowConfirm: 13,
                confirmAdd: 107,
                dead: 0,
                heal: 94,
                zero: 0,
              },
              江蘇: {
                confirmAdd: 32,
                dead: 0,
                heal: 54,
                zero: 0,
                nowConfirm: -22,
              },
              貴州: {
                nowConfirm: 8,
                confirmAdd: 20,
                dead: 0,
                heal: 12,
                zero: 0,
              },
              陜西: {
                confirmAdd: 35,
                dead: 0,
                heal: 54,
                zero: 0,
                nowConfirm: -19,
              },
              山西: {
                nowConfirm: 96,
                confirmAdd: 185,
                dead: 0,
                heal: 89,
                zero: 0,
              },
              河南: {
                nowConfirm: 76,
                confirmAdd: 133,
                dead: 0,
                heal: 57,
                zero: 0,
              },
              廣西: { nowConfirm: 4, confirmAdd: 5, dead: 0, heal: 1, zero: 0 },
              甘肅: {
                nowConfirm: -5,
                confirmAdd: 1,
                dead: 0,
                heal: 6,
                zero: 0,
              },
              臺灣: {
                nowConfirm: 17260,
                confirmAdd: 17281,
                dead: 21,
                heal: 0,
                zero: 0,
              },
              四川: {
                nowConfirm: 77,
                confirmAdd: 174,
                dead: 0,
                heal: 97,
                zero: 0,
              },
              西藏: {
                nowConfirm: -8,
                confirmAdd: 1,
                dead: 0,
                heal: 9,
                zero: 0,
              },
              遼寧: {
                heal: 14,
                zero: 0,
                nowConfirm: 23,
                confirmAdd: 37,
                dead: 0,
              },
              吉林: { nowConfirm: 6, confirmAdd: 8, dead: 0, heal: 2, zero: 0 },
              寧夏: { confirmAdd: 0, dead: 0, heal: 0, zero: 3, nowConfirm: 0 },
              河北: {
                nowConfirm: -72,
                confirmAdd: 17,
                dead: 0,
                heal: 89,
                zero: 0,
              },
              重慶: {
                dead: 0,
                heal: 180,
                zero: 0,
                nowConfirm: -12,
                confirmAdd: 168,
              },
              香港: {
                nowConfirm: 665,
                confirmAdd: 945,
                dead: 13,
                heal: 267,
                zero: 0,
              },
              云南: {
                heal: 33,
                zero: 0,
                nowConfirm: 87,
                confirmAdd: 120,
                dead: 0,
              },
              安徽: {
                nowConfirm: 12,
                confirmAdd: 13,
                dead: 0,
                heal: 1,
                zero: 0,
              },
              廣東: {
                nowConfirm: 301,
                confirmAdd: 1529,
                dead: 0,
                heal: 1228,
                zero: 0,
              },
              江西: { nowConfirm: 1, confirmAdd: 1, dead: 0, heal: 0, zero: 0 },
              浙江: {
                confirmAdd: 91,
                dead: 0,
                heal: 39,
                zero: 0,
                nowConfirm: 52,
              },
              北京: {
                nowConfirm: 799,
                confirmAdd: 1285,
                dead: 0,
                heal: 486,
                zero: 0,
              },
              海南: {
                zero: 0,
                nowConfirm: 5,
                confirmAdd: 15,
                dead: 0,
                heal: 10,
              },
              湖北: {
                heal: 3,
                zero: 0,
                nowConfirm: 18,
                confirmAdd: 21,
                dead: 0,
              },
              湖南: {
                nowConfirm: 39,
                confirmAdd: 48,
                dead: 0,
                heal: 9,
                zero: 0,
              },
            },
          },
        };
        var newArr = [];
        //獲取到各個省份的數據sss
        var province = data.data.provinceCompare;
        for (var key in province) {
          var json = {
            name: key,
            value: province[key].confirmAdd,
          };
          newArr.push(json);
        }
        console.log(newArr);
        //使用指定的配置項和數據顯示圖表
        myChart.setOption({
          series: [
            {
              name: "確診數",
              type: "map",
              mapType: "china",
              roam: false,
              label: {
                show: true,
                color: "rgb(249, 249, 249)",
              },
              data: newArr,
            },
          ],
        });
      }
      getData();
    </script>
  </body>
</html>
最后編輯于 ：
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明：文章內容（如有圖片或視頻亦包括在內）由作者上傳并發布，文章內容僅代表作者本人觀點，簡書系信息發布平臺，僅提供信息存儲服務。
  • 人面猴
    序言：七十年代末，一起剝皮案震驚了整個濱河市，隨后出現的幾起案子，更是在濱河造成了極大的恐慌，老刑警劉巖，帶你破解...
    沈念sama閱讀 229,406評論 6贊 538
  • 死咒
    序言：濱河連續發生了三起死亡事件，死亡現場離奇詭異，居然都是意外死亡，警方通過查閱死者的電腦和手機，發現死者居然都...
    沈念sama閱讀 99,034評論 3贊 423
  • 救了他兩次的神仙讓他今天三更去死
    文/潘曉璐 我一進店門，熙熙樓的掌柜王于貴愁眉苦臉地迎上來，“玉大人，你說我怎么就攤上這事?！?“怎么了？”我有些...
    開封第一講書人閱讀 177,413評論 0贊 382
  • 道士緝兇錄：失蹤的賣姜人
    文/不壞的土叔 我叫張陵，是天一觀的道長。 經常有香客問我，道長，這世上最難降的妖魔是什么？ 我笑而不...
    開封第一講書人閱讀 63,449評論 1贊 316
  • ?港島之戀（遺憾婚禮）
    正文 為了忘掉前任，我火速辦了婚禮，結果婚禮上，老公的妹妹穿的比我還像新娘。我一直安慰自己，他們只是感情好，可當我...
    茶點故事閱讀 72,165評論 6贊 410
  • 惡毒庶女頂嫁案：這布局不是一般人想出來的
    文/花漫 我一把揭開白布。 她就那樣靜靜地躺著，像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發上，一...
    開封第一講書人閱讀 55,559評論 1贊 325
  • 城市分裂傳說
    那天，我揣著相機與錄音，去河邊找鬼。 笑死，一個胖子當著我的面吹牛，可吹牛的內容都是我干的。 我是一名探鬼主播，決...
    沈念sama閱讀 43,606評論 3贊 444
  • 雙鴛鴦連環套：你想象不到人心有多黑
    文/蒼蘭香墨 我猛地睜開眼，長吁一口氣：“原來是場噩夢啊……” “哼！你這毒婦竟也來了？” 一聲冷哼從身側響起，我...
    開封第一講書人閱讀 42,781評論 0贊 289
  • 萬榮殺人案實錄
    序言：老撾萬榮一對情侶失蹤，失蹤者是張志新（化名）和其女友劉穎，沒想到半個月后，有當地人在樹林里發現了一具尸體，經...
    沈念sama閱讀 49,327評論 1贊 335
  • ?護林員之死
    正文 獨居荒郊野嶺守林人離奇死亡，尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 41,084評論 3贊 356
  • ?白月光啟示錄
    正文 我和宋清朗相戀三年，在試婚紗的時候發現自己被綠了。 大學時的朋友給我發了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 43,278評論 1贊 371
  • 活死人
    序言：一個原本活蹦亂跳的男人離奇死亡，死狀恐怖，靈堂內的尸體忽然破棺而出，到底是詐尸還是另有隱情，我是刑警寧澤，帶...
    沈念sama閱讀 38,849評論 5贊 362
  • ?日本核電站爆炸內幕
    正文 年R本政府宣布，位于F島的核電站，受9級特大地震影響，放射性物質發生泄漏。R本人自食惡果不足惜，卻給世界環境...
    茶點故事閱讀 44,495評論 3贊 348
  • 男人毒藥：我在死后第九天來索命
    文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧，春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 34,927評論 0贊 28
  • 一樁弒父案，背后竟有這般陰謀
    文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至，卻和暖如春，著一層夾襖步出監牢的瞬間，已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 36,172評論 1贊 291
  • 情欲美人皮
    我被黑心中介騙來泰國打工， 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留，地道東北人。 一個月前我還...
    沈念sama閱讀 52,010評論 3贊 396
  • 代替公主和親
    正文 我出身青樓，卻偏偏與公主長得像，于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子，可洞房花燭夜當晚...
    茶點故事閱讀 48,241評論 2贊 375