Minor enhancement.
This commit is contained in:
parent
7c09a5536a
commit
8906bed1e7
|
@ -33,8 +33,10 @@ export const Marker: react.FC<MarkerProperties> = (props: MarkerProperties) => {
|
||||||
return null;
|
return null;
|
||||||
}
|
}
|
||||||
|
|
||||||
const x = lon2tile(props.coordinates.lon, props.keyObject.zoomLevel);
|
const x0 = lon2tile(props.coordinates.lon, 0);
|
||||||
const y = lat2tile(props.coordinates.lat, props.keyObject.zoomLevel);
|
const y0 = lat2tile(props.coordinates.lat, 0);
|
||||||
|
const x = x0 * 2 ** props.keyObject.zoomLevel;
|
||||||
|
const y = y0 * 2 ** props.keyObject.zoomLevel;
|
||||||
if (
|
if (
|
||||||
x < props.viewPort.topLeft.x ||
|
x < props.viewPort.topLeft.x ||
|
||||||
x > props.viewPort.bottomRight.x + 1 ||
|
x > props.viewPort.bottomRight.x + 1 ||
|
||||||
|
@ -50,7 +52,10 @@ export const Marker: react.FC<MarkerProperties> = (props: MarkerProperties) => {
|
||||||
cache.set({
|
cache.set({
|
||||||
cacheId: 'points',
|
cacheId: 'points',
|
||||||
key: props.id,
|
key: props.id,
|
||||||
value: { id: props.id, coordinates: props.coordinates },
|
value: {
|
||||||
|
coordinates: props.coordinates,
|
||||||
|
point: { x: x0, y: y0 },
|
||||||
|
},
|
||||||
});
|
});
|
||||||
return (
|
return (
|
||||||
<g
|
<g
|
||||||
|
|
Loading…
Reference in New Issue