经纬度坐标 latLng
维度在前,经度在后,可以是三个数字或者一个数组或者一个对象
创建一个表示具有给定纬度和经度(可选择高度)的地理点的对象。
L.latLng(<Number> latitude, <Number>longitude, <Number> altitude?)
L.latLng(<Array> coords)
coords 是一个数组的形式[Number, Number]或[Number, Number, Number]
L.latLng(<Object> coords)
coords 是一个简单的对象 { lat:Number, lng:Number} 或 { lat:Number, lng:Number, alt:Number}
矩形范围 latLngBounds
表示地图上的矩形地理区域。使用对角线两个点来指定,接受LatLngBounds对象的所有Leaflet方法也以简单的数组形式
L.latLngBounds(L.latLng(40.712, -74.227), L.latLng(40.774, -74.125));
或者
L.latLngBounds([
[40.712, -74.227],
[40.774, -74.125]
]);
点 Point
表示一个点,x、y以像素为坐标。接受Point对象的所有Leaflet方法和选项也以简单的Array形式接受它们
var latlng = L.latLng(50.5, 30.5);
或者
map.panTo([50, 30]);
map.panTo({lon: 30, lat: 50});
map.panTo({lat: 50, lng: 30});
map.panTo(L.latLng(50, 30));
边界 bounds
表示像素坐标中的矩形区域。接受Bounds对象的所有Leaflet方法也以简单的数组形式接受它们
L.bounds(L.point(10, 10), L.point(40, 60));
或者
otherBounds.intersects([[10, 10], [40, 60]]);
图标 icon
创建Marker时用到的图标
var myIcon = L.icon({
iconUrl: 'my-icon.png',
iconSize: [38, 95],
iconAnchor: [22, 94],
popupAnchor: [-3, -76],
shadowUrl: 'my-icon-shadow.png',
shadowSize: [68, 95],
shadowAnchor: [22, 94]
});
L.marker([50.505, 30.57], {icon: myIcon}).addTo(map);
Icon.Default 默认的蓝色的图标,可以修改L.Icon.Default.prototype.options
来修改默认图标
L.divIcon() 创建一个div图标,默认是白色带有阴影的正方形方块
网友评论