Fixes #1270. Contstruct correct Raycaster

heremaps · Feb 7, 2020 · 810f40d · 810f40d
1 parent 42234cc
commit 810f40d
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 2 deletions.
diff --git a/@here/harp-examples/src/datasource_features_lines-and-points.ts b/@here/harp-examples/src/datasource_features_lines-and-points.ts
@@ -106,7 +106,15 @@ export namespace LinesPointsFeaturesExample {
         styleSetName: "myStyleSet",
         features: getFeatures(faults)
     });
-    map.addDataSource(featuresDataSource);
+    map.addDataSource(featuresDataSource).then(() => {
+        map.canvas.addEventListener("click", (e: MouseEvent) => {
+            const intersectionResults = map.intersectMapObjects(e.pageX, e.pageY);
+            const usableResults = intersectionResults.filter(
+                result => result.userData !== undefined
+            );
+            console.log(intersectionResults, usableResults);
+        });
+    });
     // end:harp_demo_features_linespoints_3.ts
 
     function getFeatures(features: {

diff --git a/@here/harp-mapview/lib/MapView.ts b/@here/harp-mapview/lib/MapView.ts
@@ -68,6 +68,7 @@ import { ThemeLoader } from "./ThemeLoader";
 import { Tile } from "./Tile";
 import { MapViewUtils } from "./Utils";
 import { ResourceComputationType, VisibleTileSet, VisibleTileSetOptions } from "./VisibleTileSet";
+import { PickingRaycaster } from "./PickingRaycaster";
 
 declare const process: any;
 
@@ -749,7 +750,7 @@ export class MapView extends THREE.EventDispatcher {
     private m_enablePolarDataSource: boolean = true;
 
     // gestures
-    private readonly m_raycaster = new THREE.Raycaster();
+    private readonly m_raycaster = new PickingRaycaster(this);
     private readonly m_plane = new THREE.Plane(new THREE.Vector3(0, 0, 1));
     private readonly m_sphere = new THREE.Sphere(undefined, EarthConstants.EQUATORIAL_RADIUS);