本文整理汇总了TypeScript中leaflet.circle函数的典型用法代码示例。如果您正苦于以下问题:TypeScript circle函数的具体用法?TypeScript circle怎么用?TypeScript circle使用的例子?那么恭喜您, 这里精选的函数代码示例或许可以为您提供帮助。
在下文中一共展示了circle函数的3个代码示例,这些例子默认根据受欢迎程度排序。您可以为喜欢或者感觉有用的代码点赞,您的评价将有助于系统推荐出更棒的TypeScript代码示例。
示例1: function
pointToLayer: function(feature, latlng) {
if (!feature || !feature.properties) {
return;
}
const properties = feature.properties;
if (properties.radius) {
// create a circle, with radius = properties.radius
return L.circle(latlng, properties);
} else if (
properties.icon &&
properties.icon.toUpperCase() === 'EPICENTER'
) {
// create an epicenter marker
return new EpicenterOverlay({
properties: {
latitude: latlng.lat,
longitude: latlng.lng
}
});
} else {
// display an orange circle marker
const defaultOptions = {
color: '#000',
fillColor: '#ff7800',
fillOpacity: 0.8,
opacity: 1,
radius: 8,
weight: 1
};
return L.circleMarker(latlng, defaultOptions);
}
},
示例2:
quakes.subscribe(quake => {
const coords = quake["geometry"].coordinates;
const size = quake["properties"].mag * 10000;
const circle = L.circle([coords[1], coords[0]], size)
.addTo(map);
quakeLayer.addLayer(circle);
codeLayers[quake["id"]] = quakeLayer.getLayerId(circle);
});
示例3: loadMap
loadMap() {
this.map = Leaflet
.map("map")
.setView(this.latLng, 13)
.on("click", this.onMapClicked.bind(this))
Leaflet.tileLayer("http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png")
.addTo(this.map);
this.marker = Leaflet
.marker(this.latLng, { draggable: true })
.on("dragend", this.onMarkerPositionChanged.bind(this))
.addTo(this.map);
this.circle = Leaflet.circle(this.latLng, this.radius).addTo(this.map);
}