Cesium打造一个类似google地图的三维可交互地球地图
代码语言：html
所属分类：三维
代码描述：Cesium打造一个类似google地图的三维可交互地球地图
代码标签： 类似 google 地图 的 三维 可 交互 地球 地图
下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Use correct character set. -->
<meta charset="utf-8">
<script type="text/javascript" src="http://repo.bfw.wiki/bfwrepo/js/cesium.js"></script>
<style>
@import url(http://repo.bfw.wiki/bfwrepo/css/cesium-widgets.css);
html, body, #cesiumContainer {
width: 100%; height: 100%; margin: 0; padding: 0; overflow: hidden;
}
body, html { font-size: 100%; padding: 0; margin: 0;}
/* Reset */
*,
*:after,
*:before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before,
.clearfix:after {
content: " ";
display: table;
}
.clearfix:after {
clear: both;
}
body{
background: #494A5F;
color: #D5D6E2;
font-weight: 500;
font-size: 1.05em;
font-family: "Microsoft YaHei","Segoe UI", "Lucida Grande", Helvetica, Arial,sans-serif;
}
a{ color: rgba(255, 255, 255, 0.6);outline: none;text-decoration: none;-webkit-transition: 0.2s;transition: 0.2s;}
a:hover,a:focus{color:#74777b;text-decoration: none;}
</style>
<link type="text/css" rel="stylesheet" href="http://repo.bfw.wiki/bfwrepo/css/bootstrap.4.3.1.min.css">
<link type="text/css" rel="stylesheet" href="http://repo.bfw.wiki/bfwrepo/css/font-awesome-4.7.0/css/font-awesome.min.css">
<script type="text/javascript" src="http://repo.bfw.wiki/bfwrepo/js/modernizr-2.js"></script>
<script type="text/javascript" src="http://repo.bfw.wiki/bfwrepo/js/viewerCesiumNavigationMixin.js"></script>
<script type="text/javascript" src="http://repo.bfw.wiki/bfwrepo/js/jquery-3.2.1.min.js"></script>
<script type="text/javascript" src="http://repo.bfw.wiki/bfwrepo/js/kriging.js"></script>
<script>
var tempture = [
{
"type": "Feature",
"properties": {
"GBCODE": 31010.0,
"NAME": "北京",
"ADCODE99": 110100.0,
"ADCLASS": 1.0,
"PINYIN": "Beijing",
"long": 116.381,
"lat": 39.924,
"Temperatur": 2.0
},
"geometry": {"type": "Point", "coordinates": [116.381, 39.924, 2.0]}
},
{
"type": "Feature",
"properties": {
"GBCODE": 31020.0,
"NAME": "天津",
"ADCODE99": 120100.0,
"ADCLASS": 2.0,
"PINYIN": "Tianjin",
"long": 117.203,
"lat": 39.131,
"Temperatur": 1.0
},
"geometry": {"type": "Point", "coordinates": [117.203, 39.131, 1.0]}
},
{
"type": "Feature",
"properties": {
"GBCODE": 31020.0,
"NAME": "石家庄",
"ADCODE99": 130101.0,
"ADCLASS": 2.0,
"PINYIN": "Shijiazhuang",
"long": 114.49,
"lat": 38.045,
"Temperatur": -1.0
},
"geometry": {"type": "Point", "coordinates": [114.49, 38.045, -1.0]}
},
{
"type": "Feature",
"properties": {
"GBCODE": 31030.0,
"NAME": "唐山",
"ADCODE99": 130201.0,
"ADCLASS": 3.0,
"PINYIN": "Tangshan",
"long": 118.202,
"lat": 39.625,
"Temperatur": 0.0
},
"geometry": {"type": "Point", "coordinates": [118.202, 39.625, 0.0]}
},
{
"type": "Feature",
"properties": {
"GBCODE": 31030.0,
"NAME": "秦皇岛",
"ADCODE99": 130301.0,
"ADCLASS": 3.0,
"PINYIN": "Qinhuangdao",
"long": 119.598,
"lat": 39.924,
"Temperatur": 3.0
},
"geometry": {"type": "Point", "coordinates": [119.598, 39.924, 3.0]}
},
{
"type": "Feature",
"properties": {
"GBCODE": 31030.0,
"NAME": "邯郸",
"ADCODE99": 130401.0,
"ADCLASS": 3.0,
"PINYIN": "Handan",
"long": 114.473,
"lat": 36.602,
"Temperatur": 1.0
},
"geometry": {"type": "Point", "coordinates": [114.473, 36.601999999999897, 1.0]}
},
{
"type": "Feature",
"properties": {
"GBCODE": 31030.0,
"NAME": "邢台",
"ADCODE99": 130501.0,
"ADCLASS": 3.0,
"PINYIN": "Xingtai",
"long": 114.495,
"lat": 37.066,
"Temperatur": 0.0
},
"geometry": {"type": "Point", "coordinates": [114.495, 37.066, 0.0]}
},
{
"type": "Feature",
"properties": {
"GBCODE": 31030.0,
"NAME": "保定",
"ADCODE99": 130601.0,
"ADCLASS": 3.0,
"PINYIN": "Baoding",
"long": 115.5,
"lat": 38.857,
"Temperatur": 0.0
},
"geometry": {"type": "Point", "coordinates": [115.5, 38.857, 0.0]}
},
{
"type": "Feature",
"properties": {
"GBCODE": 31030.0,
"NAME": "张家口",
"ADCODE99": 130701.0,
"ADCLASS": 3.0,
"PINYIN": "Zhangjiakou",
"long": 114.879,
"lat": 40.817,
"Temperatur": -8.0
},
"geometry": {"type": "Point", "coordinates": [114.879, 40.817, -8.0]}
},
{
"type": "Feature",
"properties": {
"GBCODE": 31030.0,
"NAME": "承德",
"ADCODE99": 130801.0,
"ADCLASS": 3.0,
"PINYIN": "Chengde",
"long": 117.922,
"lat": 40.968,
"Temperatur": -6.0
},
"geometry": {"type": "Point", "coordinates": [117.922, 40.968, -6.0]}
},
{
"type": "Feature",
"properties": {
"GBCODE": 31030.0,
"NAME": "沧州",
"ADCODE99": 130901.0,
"ADCLASS": 3.0,
"PINYIN": "Cangzhou",
"long": 116.861,
"lat": 38.309,
"Temperatur": 1.0
},
"geometry": {"type": "Point", "coordinates": [116.861, 38.308999999999898, 1.0]}
},
{
"type": "Feature",
"properties": {
"GBCODE": 31030.0,
"NAME": "廊坊",
"ADCODE99": 131001.0,
"ADCLASS": 3.0,
"PINYIN": "Langfang",
"long": 116.69,
"lat": 39.515,
"Temperatur": 1.0
},
"geometry": {"type": "Point", "coordinates": [116.69, 39.515, 1.0]}
},
{
"type": "Feature",
"properties": {
"GBCODE": 31040.0,
"NAME": "衡水",
"ADCODE99": 133001.0,
"ADCLASS": 3.0,
"PINYIN": "Hengshui",
"long": 115.708,
"lat": 37.728,
"Temperatur": 1.0
},
"geometry": {"type": "Point", "coordinates": [115.708, 37.728, 1.0]}
},
{
"type": "Feature",
"properties": {
"GBCODE": 31020.0,
"NAME": "太原",
"ADCODE99": 140101.0,
"ADCLASS": 2.0,
"PINYIN": "Taiyuan",
"long": 112.569,
"lat": 37.871,
"Temperatur": -1.0
},
"geometry": {"type": "Point", "coordinates": [112.569, 37.871, -1.0]}
},
{
"type": "Feature",
"properties": {
"GBCODE": 31030.0,
"NAME": "大同",
"ADCODE99": 140201.0,
"ADCLASS": 3.0,
"PINYIN": "Datong",
"long": 113.296,
"lat": 40.097,
"Temperatur": -10.0
},
"geometry": {"type": "Point", "coordinates": [113.296, 40.097, -10.0]}
},
{
"type": "Feature",
"properties": {
"GBCODE": 31030.0,
"NAME": "阳泉",
"ADCODE99": 140301.0,
"ADCLASS": 3.0,
"PINYIN": "Yangquan",
"long": 113.574,
"lat": 37.861,
"Temperatur": -5.0
},
"geometry": {"type": "Point", "coordinates": [113.574, 37.860999999999898, -5.0]}
},
{
"type": "Feature",
"properties": {
"GBCODE": 31030.0,
"NAME": "长治",
"ADCODE99": 140401.0,
"ADCLASS": 3.0,
"PINYIN": "Changzhi",
"long": 113.106,
"lat": 36.182,
"Temperatur": -3.0
},
"geometry": {"type": "Point", "coordinates": [113.106, 36.182, -3.0]}
},
{
"type": "Feature",
"properties": {
"GBCODE": 31030.0,
"NAME": "晋城",
"ADCODE99": 140501.0,
"ADCLASS": 3.0,
"PINYIN": "Jincheng",
"long": 112.843,
"lat": 35.507,
"Temperatur": -1.0
},
"geometry": {"type": "Point", "coordinates": [112.843, 35.506999999999898, -1.0]}
},
{
"type": "Feature",
"properties": {
"GBCODE": 31030.0,
"NAME": "朔州",
"ADCODE99": 140601.0,
"ADCLASS": 3.0,
"PINYIN": "Shuozhou",
"long": 112.423,
"lat": 39.313,
"Temperatur": -11.0
},
"geometry": {"type": "Point", "coordinates": [112.423, 39.313, -11.0]}
},
{
"type": "Feature",
"properties": {
"GBCODE": 31040.0,
"NAME": "忻州",
"ADCODE99": 142201.0,
"ADCLASS": 3.0,
"PINYIN": "Xinzhou",
"long": 112.732,
"lat": 38.399,
"Temperatur": -4.0
},
"geometry": {"type": "Point", "coordinates": [112.732, 38.399, -4.0]}
},
{
"type": "Feature",
"properties": {
"GBCODE": 31060.0,
"NAME": "离石",
"ADCODE99": 142331.0,
"ADCLASS": 3.0,
"PINYIN": "Lishi",
"long": 111.135,
"lat": 37.512,
"Temperatur": 0.0
},
"geometry": {"type": "Point", "coordinates": [111.135, 37.512, 0.0]}
},
{
"type": "Feature",
"properties": {
"GBCODE": 31040.0,
"NAME": "榆次",
"ADCODE99": 142401.0,
"ADCLASS": 3.0,
"PINYIN": "Yuci",
"long": 112.745,
"lat": 37.676,
"Temperatur": -2.0
},
"geometry": {"type": "Point", "coordinates": [112.745, 37.676, -2.0]}
},
{
"type": "Feature",
"properties": {
"GBCODE": 31040.0,
"NAME": "临汾",
"ADCODE99": 142601.0,
"ADCLASS": 3.0,
"PINYIN": "Linfen",
"long": 111.514,
"lat": 36.083,
"Temperatur": 3.0
},
"geometry": {"type": "Point", "coordinates": [111.514, 36.082999999999899, 3.0]}
},
{
"type": "Feature",
"properties": {
"GBCODE": 31040.0,
"NAME": "运城",
"ADCODE99": 142701.0,
"ADCLASS": 3.0,
"PINYIN": "Yuncheng",
"long": 110.991,
"lat": 35.014,
"Temperatur": 3.0
},
"geometry": {"type": "Point", "coordinates": [110.991, 35.014, 3.0]}
},
{
"type": "Feature",
"properties": {
"GBCODE": 31020.0,
"NAME": "呼和浩特",
"ADCODE99": 150101.0,
"ADCLASS": 2.0,
"PINYIN": "Huhehaote",
"long": 111.663,
"lat": 40.821,
"Temperatur": -7.0
},
"geometry": {"type": "Point", "coordinates": [111.663, 40.820999999999898, -7.0]}
},
{
"type": "Feature",
"properties": {
"GBCODE": 31030.0,
"NAME": "包头",
"ADCODE99": 150201.0,
"ADCLASS": 3.0,
"PINYIN": "Baotou",
"long": 109.852,
"lat": 40.666,
"Temperatur": -6.0
},
"geometry": {"type": "Point", "coordinates": [109.852, 40.665999999999897, -6.0]}
},
{
"type": "Feature",
"properties": {
"GBCODE": 31030.0,
"NAME": "乌海",
"ADCODE99": 150301.0,
"ADCLASS": 3.0,
"PINYIN": "Wuhai",
"long": 106.815,
"lat": 39.674,
"Temperatur": 0.0
},
"geometry": {"type": "Point", "coordinates": [106.815, 39.674, 0.0]}
},
{
"type": "Feature",
"properties": {
"GBCODE": 31030.0,
"NAME": "赤峰",
"ADCODE99": 150401.0,
"ADCLASS": 3.0,
"PINYIN": "Chifeng",
"long": 118.95,
"lat": 42.268,
"Temperatur": -10.0
},
"geometry": {"type": "Point", "coordinates": [118.95, 42.268, -10.0]}
},
{
"type": "Feature",
"properties": {
"GBCODE": 31040.0,
"NAME": "海拉尔",
"ADCODE99": 152101.0,
"ADCLASS": 3.0,
"PINYIN": "Hailar",
"long": 119.731,
"lat": 49.212,
"Temperatur": -8.0
},
"geometry": {"type": "Point", "coordinates": [119.731, 49.212, -8.0]}
},
{
"type": "Feature",
"properties": {
"GBCODE": 31040.0,
"NAME": "乌兰浩特",
"ADCODE99": 152201.0,
"ADCLASS": 3.0,
"PINYIN": "Wulanhaote",
"long": 122.068,
"lat": 46.068,
"Temperatur": -7.0
},
"geometry": {"type": "Point", "coordinates": [122.068, 46.067999999999898, -7.0]}
},
{
"type": "Feature",
"properties": {
"GBCODE": 31040.0,
"NAME": "通辽",
"ADCODE99": 152301.0,
"ADCLASS": 3.0,
"PINYIN": "Tongliao",
"long": 122.26,
"lat": 43.612,
"Temperatur": -5.0
},
"geometry": {"type": "Point", "coordinates": [122.26, 43.612, -5.0]}
},
{
"type": "Feature",
"properties": {
"GBCODE": 31040.0,
"NAME": "锡林浩特",
"ADCODE99": 152502.0,
"ADCLASS": 3.0,
"PINYIN": "Xilinhot",
"long": 116.066,
"lat": 43.944,
"Temperatur": -9.0
},
"geometry": {"type": "Point", "coordinates": [116.066, 43.944, -9.0]}
},
{
"type": "Feature",
"properties": {
"GBCODE": 31040.0,
"NAME": "集宁",
"ADCODE99": 152601.0,
"ADCLASS": 3.0,
"PINYIN": "Jining",
"long": 113.099,
"lat": 41.031,
"Temperatur": -12.0
},
"geometry": {"type": "Point", "coordinates": [113.099, 41.030999999999899, -12.0]}
},
{
"type": "Feature",
"properties": {
"GBCODE": 31040.0,
"NAME": "东胜",
"ADCODE99": 152701.0,
"ADCLASS": 3.0,
"PINYIN": "Dongsheng",
"long": 109.998,
"lat": 39.818,
"Temperatur": -8.0
},
"geometry": {"type": "Point", "coordinates": [109.998, 39.817999999999898, -8.0]}
},
{
"type": "Feature",
"properties": {
"GBCODE": 31040.0,
"NAME": "临河",
"ADCODE99": 152801.0,
"ADCLASS": 3.0,
"PINYIN": "Linhe",
"long": 107.395,
"lat": 40.762,
"Temperatur": -3.0
},
"geometry": {"type": "Point", "coordinates": [107.395, 40.762, -3.0]}
},
{
"type": "Feature",
"properties": {
"GBCODE": 31060.0,
"NAME": "阿拉善左旗",
"ADCODE99": 152921.0,
"ADCLASS": 3.0,
"PINYIN": "Alxa Zuoqi",
"long": 105.665,
"lat": 38.84,
"Temperatur": -2.0
},
"geometry": {"type": "Point", "coordinates": [10.........完整代码请登录后点击上方下载按钮下载查看
相似代码
热门代码搜索
其他语言代码库
Html代码库
Python代码库
Java代码库
Php代码库
Phpcli代码库
Golang代码库
C#代码库
Nodejs代码库
C代码库
C++代码库
Sql代码库
R代码库
Rust代码库
Ruby代码库
Dart代码库
Vb代码库
D代码库
F#代码库
Typescript代码库
Coffeescript代码库
Julia代码库
Kotlin代码库
Perl代码库
Groovy代码库
Lua代码库
Vala代码库
Ocaml代码库
Assembly代码库
Objectc代码库
Scala代码库
Erlang代码库
Pascal代码库
Swift代码库
Fortran代码库
Bash代码库
Clojure代码库
Ada代码库
Elixir代码库
Cobol代码库
Haskell代码库
Nim代码库
Racket代码库
Lisp代码库
网友评论0