Cesium平台构建诗词地图故事

Cesium平台访问起来的确很慢,但有时候又没有慢到令人发指,尤其是在不加载3D模型,仅展示三维地球和kml的时候,还是能忍受的。所以,可以用cesium制作地图故事。

一、地图故事效果

制作的地图故事效果如下:

Cesium平台构建诗词地图故事_第1张图片

 

查看网址:https://cesium.com/ion/stories/viewer/?id=e8c4c827-cd3a-4516-9808-61e3925786a8

嵌入了三首诗词,按时间顺序来。

第一首是柳永的《望海潮·东南形胜》,1054年写于杭州西湖,彼时,东南形胜,歌舞升平,一片繁华。

第二首是完颜亮的《喜迁莺·赐大将军韩夷耶》,作词地点时间不详,但完颜亮生卒年为1122—1161,1161年南下攻宋,于瓜洲渡江时,被部下所杀。

第三首是张弘范的《木兰花慢·功名归堕甑》,张弘范是元朝将军,一生战绩为攻打南宋,俘文天祥,迫张世杰,1279年于崖山灭宋。

三首词,能窥两宋兴衰,柳永在烟花柳巷中醉生梦死,大笔一挥,就是物产富庶、人物风流;金主完颜亮弑主上位,见词生兴,起“提兵百万西湖上,立马吴山第一峰”之意,但南下途中被部下所杀,大业未成,不久之后,金国覆灭,最终元朝镇国大将军张弘范挥师南下,接连击败文天祥与张世杰,将南宋小朝廷逼到大海之上,风起浪涌,船毁国亡。

 

二、数据制作

数据制作使用Google earth,将位置都添加到临时位置文件夹。

地标:

1.杭州西湖,曲院风荷:

Cesium平台构建诗词地图故事_第2张图片

 

2.扬州瓜洲镇,瓜洲古渡:

Cesium平台构建诗词地图故事_第3张图片

 

3.广东江门,崖山

 

Cesium平台构建诗词地图故事_第4张图片

 

画完地标后,右键临时位置,选择将位置另存为,将3个地标保存成kmz文件。

 

Cesium平台构建诗词地图故事_第5张图片

 

 

三、地图故事制作

进入https://cesium.com/ion/stories,创建新故事。

Cesium平台构建诗词地图故事_第6张图片

1.命名title,2.添加infobox,3.把中国拨拉到地球中心,4.点击capture view保存视角,制作完成第一张幻灯片。

Cesium平台构建诗词地图故事_第7张图片

New Slide——Map slide,新建幻灯片。

Cesium平台构建诗词地图故事_第8张图片

 

1.Add asset,2.Upload newasset上传数据。

 

Cesium平台构建诗词地图故事_第9张图片

1.add files添加文件,2.选择之前从Google earth中导出的shici.kmz文件,3.打开上传。

Cesium平台构建诗词地图故事_第10张图片

1.核对上传的文件是否正确,2.what kind of data is this?选择KML,CZML,or GeoJSON(host without tiling),托管的是kml类的矢量数据,而非栅格瓦片,3.upload上传。

Cesium平台构建诗词地图故事_第11张图片

Shici图层是上传文件生成的,点击图层旁边的放大镜符号,就能在窗口中将视野缩放至图层范围。

Cesium平台构建诗词地图故事_第12张图片

1.补充title,2.补充infobox,3.把地图拨拉到注记位置,4.点击capture view,保存视图。

Cesium平台构建诗词地图故事_第13张图片

New slide——map slide,补第二首词,注意terrain,我选的是WGS84 Ellipsoid,84椭球,所有幻灯片地理坐标系保持一致就行。

Cesium平台构建诗词地图故事_第14张图片

 

New slide——map slide,补第三首词。

Cesium平台构建诗词地图故事_第15张图片

最后加个收尾,设置好,一定要点capture view,保存视图。

Cesium平台构建诗词地图故事_第16张图片

挨个幻灯片点一点,看效果,不满意的地方酌情调整。

Slideshow duration是幻灯片的动画时间,可以调整长短。

Cesium平台构建诗词地图故事_第17张图片

 

 

四、分享地图故事

 

1.点击share,设置分享。

2.enable sharing,sharing is on,打开分享。

3.点击okay,完成分享。

4.share url就是分享的网址。

Cesium平台构建诗词地图故事_第18张图片

可以根据如下网址,查看效果。

https://cesium.com/ion/stories/viewer/?id=e8c4c827-cd3a-4516-9808-61e3925786a8

五、总结

1.Cesium官网平台支持无代码构建地图故事,并发布为网页链接,但样式和效果比较单一。

2.如有构想,实践起来。

 

你可能感兴趣的:(WEBGIS)