示例中心
功能在线体验
控制台

高德 开发 室内地图 JS API 开发指南 其他功能 基础类

更新时间:2017年03月07日

经纬度坐标

说明

指具有一定的经度和纬度的地理点。

示例

var latlng = Indoor.latLng(50.5, 30.5);
map.panTo([50, 30]);
map.panTo({lon: 30, lat: 50});
map.panTo({lat: 50, lng: 30});
map.panTo(Indoor.latLng(50, 30));

创建

Factory

Description

Indoor.latLng(<Number> latitude,<Number> longitude,<Number> altitude? )

创建经纬度坐标.

属性

Property

Type

Description

lat

Number

纬度.

lng

Number

经度.

方法

Method

returns

Description

distanceTo( <LatLng> otherLatlng )

Number

返回两坐标点的距离

equals( <LatLng> otherLatlng )

Boolean

判断两坐标是否相等.

toString()

String

转换为字符串格式.

经纬度范围

说明

表示地图上的矩形的地理区域。

示例

var southWest = Indoor.latLng(40.712, -74.227),
northEast = Indoor.latLng(40.774, -74.125),
bounds = Indoor.latLngBounds(southWest, northEast);
map.fitBounds([
    [40.712, -74.227],
     [40.774, -74.125]
]);

创建

Factory

Description

Indoor.latLngBounds(<LatLng> southWest, <LatLng> northEast)

通过西南和东北角坐标创建一个范围.

Indoor.latLngBounds(<LatLng[]> latlngs )

通过坐标数组创建一个范围.

方法

Method

returns

Description

getWest()

Number

获取西经.

getSouth()

Number

获取南纬.

getEast()

Number

获取东经.

getNorth()

Number

获取北纬.

getCenter()

LatLng

获取中心点.

边界

简介

在地图上的一个矩形区域。

示例

var p1 = Indoor.point(10, 10),
    p2 = Indoor.point(40, 60),
        bounds = Indoor.bounds(p1, p2);

创建

Factory

Description

Indoor.bounds( <Point> topLeft, <Point> bottomRight )

输入左上角和右下角坐标创建边界.

Indoor.bounds( <Point[]> points )

输入坐标点数组创建边界.

属性

Property

Type

Description

min

Point

矩形的左上角

max

Point

矩形的右下角.

方法

Method

returns

Description

getCenter()

Point

获取中心点坐标.

isValid()

Boolean

判断是否初始化成功.

getSize()

Point

返回给定的范围的大小.

像素点

简介

表示与x和y坐标中的像素的点。

示例

var point = Indoor.point(200, 300);
map.panBy([200, 300]);
map.panBy(Indoor.point(200, 300));

创建

Factory

Description

Indoor.point( <Number> x, <Number> y,<Boolean> round? )

创建一个Point对象与给定的x和y坐标,round参数

属性

Property

Type

Description

x

Number

x坐标.

y

Number

y坐标.

图标

简介

图标用于创建一个标注的属性。

示例

var myIcon = Indoor.icon({
    iconUrl: 'my-icon.png',
    iconRetinaUrl: 'my-icon@2x.png',
    iconSize: [38, 95],
    iconAnchor: [22, 94],
    popupAnchor: [-3, -76],
    shadowUrl: 'my-icon-shadow.png',
    shadowRetinaUrl: 'my-icon-shadow@2x.png',
    shadowSize: [68, 95],
    shadowAnchor: [22, 94]
});
Indoor.marker([50.505, 30.57], {icon: myIcon}).addTo(map);

Indoor.Icon.Default 扩展 Indoor.Icon.

创建

Factory

Description

Indoor.icon( <Icon options> options )

创建一个图标.

选项

Option

Type

Description

iconUrl

String

图片的URL.

iconRetinaUrl

String

Retina视网膜屏的设备上显示的图片URL.

iconSize

Point

图标的大小.

iconAnchor

Point

此图标在地图上的锚定点相对于图标图像左上角的像素坐标.

shadowUrl

String

图标的阴影图像URL

shadowRetinaUrl

String

Retina视网膜屏的设备上显示的阴影图片URL.

shadowSize

Point

阴影图像的大小.

shadowAnchor

Point

此阴影图像在地图上的锚定点相对于阴影图像左上角的像素坐标.

popupAnchor

Point

信息窗体的锚点.

className

String

设置图标和阴影的样式名称,默认为空.

DivIcon

简介

使用HTML的DIV元素来创建图标。

示例

var myIcon = Indoor.divIcon({className: 'my-div-icon'});
// .my-div-icon styles 为样式名称
Indoor.marker([50.505, 30.57], {icon: myIcon}).addTo(map);

创建

Factory

Description

Indoor.divIcon(<DivIcon options> options )

创建图标.

选项

Option

Type

Description

iconSize

Point

图标大小,也可以通过CSS来控制.

iconAnchor

Point

图标相对了图标的左上角锚点位置.

className

String

样式名称.

html

String

自定义的HTML内容,默认值为空.

示例中心 功能
在线体验
常见问题