WorldWideScripts.net Delivering the best Add-Ons in more than 37 languages.

中文(简体), English, हिन्दी/हिंदी, Español/Castellano, العربية, Русский язык, Français, 中文 (台灣), বাংলা, Bahasa Indonesia, اردو, Português, Deutsch, Bahasa Melayu (بهاس ملايو‎), 日本語 (にほんご), فارسی, Italiano, తెలుగు, Türkçe, ગુજરાતી, Język polski/polszczyzna, Tiếng Việt, ಕನ್ನಡ, Українська мова, ไทย
HTML5 / 3D

Earth Viewer - 3D Globe

— Add-On sa WorldWideScripts.net

Mag-subscribe sa aming mga feed upang manatili hanggang sa petsa!

Bago! Sundin amin sa gusto mo!


Earth Viewer - 3D Globe - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Sundan sa CodeCanyon, 3D na globo WebGL punto ng interes, interactive mundo CodeCanyon portfolio, 3D na globo interactive, interactive na 3D globe Pindutan Twitter, 3D na globo palabas hotspot Pindutan sa Facebook, 3D na 3D globe mundo interactive mundo

3D interactive mundo - walang kinakailangang flash

Sinusuportahan na ngayon ng IE 11 EarthViewer :-)

I-update - 26.06.13

  • Ang 3D na globo - Earthviewer ay gumagamit na ngayon pinakabagong bersyon ng Three.js (57)

I-update - 15.06.13

  • Ang 3D na globo ngayon ay nag-aalok Mas mahusay na suporta para sa WGS84 coordinate
  • 3D na globo ay idinagdag na ngayon tampok na ito, autoRotate - Ginagawang mundo iikot sa pagkarga
  • 3D na globo ay idinagdag na ngayon tampok na ito, externalURL - nagbibigay-daan sa hotspot ng mga link upang mag-iwan ng globo

Maligayang mamimili ng 3D globe ang sinasabi ng mga ito:

"Ang EarthViewer ay isa lamang kung ano ako ay naghahanap ng" - Colin Munday | Partner, Ang Web Workshop.

"Ito ay mabaliw! Component na gumagana nang walang anumang mga bahid. Nabiling ito, makopya ito sa server, ipinatupad ito bilang isang iframe sa Joomla website. Lahat ng 15 minuto. Binago ang nilalaman at mga punto sa globo rin sa walang-time!

Muli, salamat para sa naturang isang mahusay na bahagi "digideu! - Sa seksyon ng mga komento

Walang pasubali pag-ibig ko ito gothaunts! - Sa seksyon ng mga komento

Ang Earth - Mapag-ugnay na 3D Globe

Sa buong mundo sa 0,5 segundo... - walang plugin! - Gumagamit ito 3D na globo

Gamit ang kahanga-hangang mundo ng HTML5, maaari mong libutin ang mundo, sa isang bagay ng secondes. Ipakita ang iyong mga punto-ng-interes nang madali.

Paikutin ito, Mag-zoom ito, Tangkilikin ito :-)

Bigyan ang iyong mga bisita ng kalayaan upang madaling mag-browse sa anumang punto sa mundo, sa pamamagitan ng umiikot, pag-click at pag-zoom ang magandang interactive na 3D globe.

  • Paikutin ito sa mousebutton.
  • Mag-zoom in o out kasama ang mousewheel.
  • I-click ang punto-of-interest para sa lightbox sa higit pang impormasyon.
  • + 30 configure pagpipilian

I-highlight ang anumang punto sa mundo, may ganitong 3d globo - bahagi ng HTML5.

I-convert ang anumang div sa iyong website sa isang interactive na 3D Globe, gamit ang simpleng syntax:

 $ ('Div # insert_div_id_here'). DoGlobe ({ radius: 200 }); 

Magdagdag ng naki-click na mga punto-of-interest (POI) sa mundo, gamit ang standard na divs:

 <Div id = "poi_A" class = "POI nakatagong" data-lat = "32" data-mahaba = "124"> Ang nilalaman na ito ay pop up sa isang lightbox, kapag ang lugar sa mundo ay na-click. </ Div> <! - / POI_A -> 

3D Globe pagkakatugma

Bahagi na ito ay gumagamit Three.js para sa 3d-render, ang paggamit ng WebGL.

"WebGL (Web Graphics Library) ay isang API ng JavaScript para sa pag-render interactive na 3D graphics sa loob ng anumang tugma ang web browser nang hindi ang paggamit ng mga plug-in. WebGL programa ay binubuo ng control code na nakasulat sa JavaScript at shader code na ay pinaandar sa Graphics Processing Unit isang computer (GPU). "
pinagmulan: http://en.wikipedia.org/wiki/WebGL

Pagpapatupad ng Browser 3D Globe Desktop

  • Mozilla Firefox - WebGL ay pinagana sa lahat ng platform na may isang may kakayahang graphics card na may-update ang mga driver mula noong bersyon 4.0 [9] Mozilla Firefox 8.0 at mas bagong mga bersyon gamitin Resource Pagbabahagi ng Cross-Pinagmulan (CORS) upang kontrolin ang lahat ng WebGL texture ng cross-domain..
  • Google Chrome - WebGL ay pinagana sa lahat ng platform na may isang may kakayahang graphics card na may-update ang mga driver mula noong bersyon 9. Google Chrome 13.0 at mas bagong mga bersyon gamitin ang cross-Pinagmulan Resource Pagbabahagi (CORS) upang kontrolin ang lahat ng WebGL texture ng cross-domain.
  • Safari - Safari 5.1 at mas bagong mga bersyon na naka-install sa Mac OS X Lion at Mac OS X Snow Leopard ipinatupad ng suporta para sa WebGL, na kung saan ay hindi pinagana bilang default.
  • Opera - WebGL naipatupad sa Opera 11 at 12 alpha (pre-release) snapshot.
  • Internet Explorer - Microsoft ay hindi nag-anunsyo ng anumang mga plano upang suportahan ang WebGL. Ang Chrome Frame at IEWebGL plugin nagbibigay ng mga pagpipilian upang magdagdag ng suporta para sa WebGL sa Internet Explorer 6.0 at mas bagong mga bersyon.
pinagmulan: http://en.wikipedia.org/wiki/WebGL

Bahagi na ito ay nasubok sa sumusunod:

  • Mac - FireFox 11.0
  • Mac - Safari 5.1.5
  • PC - FireFox 11.0
  • PC - Chrome 18.0.1

3D Globe Credits

Salamat sa makikinang na mga isip na nakakalat sa paligid ng internet, ang proyektong ito ay ginawa posible.
Thankyou :-)


I-download
Iba pang mga bahagi sa kategoryang itoAng lahat ng mga bahagi ng may-akdang ito
Mga komentoMga madalas itanong at sagot

Properties

Nilikha:
3 Mayo 12

Huling Update:
11 Hunyo 14

Mga katugmang Mga Browser:
IE11, Firefox, Safari, Opera, Chrome

File Kasamang:
JavaScript JS, HTML, CSS

Bersyon ng Software:
HTML5

Keyword

eCommerce, ang lahat ng Item, 3d, 3d globo, 3dglobe, lupa, heograpiko, geolocation, globo, hotspot, HTML5, interactive, jquery, POI, realtime, WebGL