具有地标功能的3D模型

时间:2012-10-19 18:49:39

标签: google-maps-api-3 google-api

我正在使用Google API和Sketchup开发交互式地图。我使用以下代码创建并放置了3D对象:

var loc = ge.createLocation('');
loc.setLatitude(lookAt.getLatitude());
loc.setLongitude(lookAt.getLongitude());
model.setLocation(loc);

// set up the model's link (must be a COLLADA file).
// this model was created in SketchUp
var link = ge.createLink('');
model.setLink(link);
link.setHref('http://earth-api-samples.googlecode.com/svn/trunk/' +
             'examples/static/splotchy_box.dae');

// create the model placemark and add it to Earth
var modelPlacemark = ge.createPlacemark('');
modelPlacemark.setGeometry(model);
ge.getFeatures().appendChild(modelPlacemark);

// zoom in on the model
lookAt.setRange(300);
lookAt.setTilt(80);
ge.getView().setAbstractView(lookAt);

// persist the placemark for other interactive samples
window.placemark = modelPlacemark;

从此示例网站:http://earth-api-samples.googlecode.com/svn/trunk/demos/interactive/index.html

我正在尝试在3D模型中添加常规地标的选项(因此当鼠标悬停并且可点击时它会改变大小)。

我对Google API比较陌生,所以我想知道:如何将这些功能添加到3D对象中?

我知道如何创建常规地标(来自同一网站),但我不知道如何将3D模型设为地标。

谢谢。

1 个答案:

答案 0 :(得分:1)

var placemark是一个全局变量,这是创建一个3D模型来代替地标。 试试这个代码吧,它适合我。 我在这里使用了Google Earth插件。

    function createPlacemark() {
        console.log("in create placemark");
        placemark = ge.createPlacemark('');
        placemark.setName('placemark ' + counter);

        var model = ge.createModel('');
        ge.getFeatures().appendChild(placemark);
        var loc = ge.createLocation('');
        model.setLocation(loc);
        var link = ge.createLink('');

        // A textured model created in Sketchup and exported as Collada.
        link.setHref('https://sites.google.com/site/siddharthuit/downloads/crane.dae');
        model.setLink(link);


        var la = ge.getView().copyAsLookAt(ge.ALTITUDE_RELATIVE_TO_GROUND);

        // set location
        loc.setLatitude(la.getLatitude());
        loc.setLongitude(la.getLongitude());

        placemark.setGeometry(model);

        la.setRange(300);
        la.setTilt(45);
        ge.getView().setAbstractView(la);

    }

我还有另一个问题,你知道如何根据数据库动态给出的坐标移动地标