当前位置: 首页 > 文档资料 > ThingJS 文档中心 >

Class: EarthCompass

优质
小牛编辑
130浏览
2023-12-01

CMAP~ EarthCompass

EarthCompass 指北针控件


new EarthCompass(param)

构造函数

Parameters:
NameTypeDescription
paramObject

参数列表

Properties
NameTypeDescription
useElementBoolean

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

elementDOMElenent

使用的dom元素

rotateToNorthSpeedNumber

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

imageString

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

offsetArray

位置偏移 useElement为true时无效

positionNumber

初始化位置 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