獲取 Mars3D
Mars3D 支持多種下載方式绸狐,可以在下一篇教程安裝中查看所有方式乏奥。這里,我們以從?jsDelivr?CDN 上獲取為例,介紹如何快速安裝技掏。
關(guān)于這些文件的介紹羡榴,可以在下一篇教程安裝中了解更多信息择懂。
#引入 Mars3D
新建一個(gè)?index.html?文件约啊,內(nèi)容如下:
<!DOCTYPEhtml><html><head><metacharset="utf-8"/><!--引入cesium基礎(chǔ)lib--><link></script></head></html>
打開這個(gè)?index.html邑遏,你會(huì)看到一片空白。但是不要擔(dān)心恰矩,打開控制臺(tái)確認(rèn)沒有報(bào)錯(cuò)信息记盒,并有正確的mars3d版本等信息提示,就可以進(jìn)行下一步外傅。
#繪制一個(gè)簡(jiǎn)單的三維地球
在繪三維地球前我們需要為 Mars3D 準(zhǔn)備一個(gè)定義了高寬的 DOM 容器纪吮。在剛才的例子?</head>?之后,添加:
<body><!-- 為 Mars3D 準(zhǔn)備一個(gè)定義了寬高的 DOM --><divid="mars3dContainer"class="mars3d-container"></div></body>
然后就可以通過?new mars3d.Map?方法初始化一個(gè) mars3d 實(shí)例并通過傳入 mapOptions 參數(shù)生成一個(gè)簡(jiǎn)單的三維地球萎胰,下面是完整代碼碾盟。
<!DOCTYPEhtml><html><head><metacharset="utf-8"/><title>mars3d</title><!--引入cesium基礎(chǔ)lib--><link></script></head><body><!-- 為 Mars3D 準(zhǔn)備一個(gè)定義了寬高的 DOM --><divid="mars3dContainer"class="mars3d-container"></div><scripttype="text/javascript">varmapOptions={}//支持的參數(shù)請(qǐng)看API文檔:http://mars3d.cn/api/Map.htmlvarmap=newmars3d.Map('mars3dContainer',mapOptions)</script></body></html>
這樣你的第一個(gè)三維地球就誕生了!