v4.x 版本-世界地图
代码是基于vue 2.x版本项目中,代码注释部分为关键点解释都是基于d3-v4.x版本的。
demo实现效果图如下:
一、球形世界地区
二、等距圆通投影
实现代码如下:(包含关键代码注释)
两种实现方式代码都放在了一起,前半部分被注释掉的为 球形世界地区
<template>
<div class="hello">
</div>
</template>
<script src="//d3js.org/topojson.v1.min.js"></script>
<script>
const d3 = require("d3");
const axios = require("axios");
// import * as d3 from "d3"
export default {
name: "world",
data() {
return {
};
},
mounted: function() {
this.$nextTick(function() {
// // 球形世界地区