业务咨询
开发咨询
微信沟通

Class: EarthCompass

CMAP~ EarthCompass

EarthCompass 指北针控件


new EarthCompass(param)

构造函数

Parameters:
Name Type Description
param Object

参数列表

Properties
Name Type Description
useElement Boolean

是否使用dom元素实现指北针 默认false dom元素中可自定义指北针图片以及位置 如果不传该参数或者传false 则需指定image offset position

element DOMElenent

使用的dom元素

rotateToNorthSpeed Number

指北针复位的速度 点击指北针时会恢复指北

image String

使用的指北针图片的url useElement为true时无效

offset Array

位置偏移 useElement为true时无效

position Number

初始化位置 THING.CornerType.RightTop、THING.CornerType.RightBottom、THING.CornerType.LeftTop、THING.CornerType.LeftBottom useElement为true时无效

Example
// 添加指南针控件 使用3d内元素创建
 var compass = app.addControl(new THING.EarthCompass({
      'image': 'https://speech.uinnova.com/static/images/compass.png',
      'offset': [50, 50],//选填 偏移值 x y  默认值 25
      'position': THING.CornerType.RightTop //选填 默认值 RightBottom
    })
 );

 function create_html() {
        var html
            = `<div id='earthCompass' style="position: absolute;top: 50px;right: 50px;z-index: 10;">
		       <image src='https://www.thingjs.com/uearth/res/compass.png' width=50 height=50></image>
		</div>`;
        return $(html)[0];
    }
 var elem = create_html();

 // 添加指南针控件 使用dom元素创建 指北针不在3d内
 app.addControl(new THING.EarthCompass({
        useElement: true,
        element: elem,
        rotateToNorthSpeed: 0.5
    })
 );

Extends

  • THING.CompassControl