实现类似Google Earth的效果，做自己网站用户活动的3D效果原理

最新推荐文章于 2021-06-04 06:30:52 发布

fun1984

最新推荐文章于 2021-06-04 06:30:52 发布

阅读量3.6k

点赞数

分类专栏： web2.0 有趣吧技术文章标签： google 活动 function javascript api callback

本文链接：https://blog.csdn.net/fun1984/article/details/1762706

版权

本文介绍如何利用javascript和第三方API实现类似Google Earth的3D地图效果，并展示用户活动。通过加载和解析JSON数据，将信息转化为3D地图上的气泡，并提供了详细的技术实现步骤。

摘要由CSDN通过智能技术生成

源码下载（javascript实现）

效果参考: 三生万物，万物有趣
原理：
// poly9发布了一个叫作 Free Earth的 3D 地图
//通过他们的 Javascript API你也可以做地标或添加视频或者控制3D地球模型的的转动.
//利用yahoo ui js库
var Longwosion = {};
Longwosion.Youqu3d = function() {
    var Event = YAHOO.util.Event;
    var Dom = YAHOO.util.Dom;
    var $ = Dom.get;

    var map;
    var markerIcon1;
    var messages = [];

    var loadData = function(){//调用有趣吧的api，获取json数据，形成类似<script>render([..]);</script>的js放到页面
        var s = document.createElement('script');
        s.type = 'text/javascript';
        s.src = 'http://www.youqubar.com/api/status_json?' + Math.random() + '&count=20&callback=render';
        document.getElementsByTagName('head')[0].appendChild(s);