Right Click / context menu event in agm-marker

[lalitha02]

Unable to access right click event in AgmMarker

Agm Map doesn't allow the user to create custom right click events as well.

marker.rightMouseClick = new EventEmitter();;
var rightclick = marker._markerManager.createEventObservable('rightclick', marker)
.subscribe(function (e) {
marker.rightMouseClick.emit(e);
});
marker._observableSubscriptions.push(rightclick);

[sebholstein]

We could implement the rightclick event

[s-gbz]

Hey there,
I will give it a try next week!

Can you give me a hint where in the code this should be implemented @SebastianM ?
Thanks :)

[lalitha02]

Thanks for responding. Under the marker directive. Inside marker.d.ts file. So that we could have the right mouse click event exposed to the user.

[s-gbz]

Sorry it took so long, it's been a busy week.

Hope this is what you've been looking for @lalitha02 :)

HTML:

<agm-marker (markerRightClick)="onRightClick()">

Typescript:

 onRightClick() {
    console.log("Rightclicked!");
  }

[lalitha02]

Yeah. Thanks. :) Get Outlook for Android<https://aka.ms/ghei36>

…

________________________________ From: Sergej Grilborzer <[email protected]> Sent: Friday, June 29, 2018 6:24:26 PM To: SebastianM/angular-google-maps Cc: Lalitha S; Mention Subject: Re: [SebastianM/angular-google-maps] Right Click / context menu event in agm-marker (#1362) Sorry it took so long, it's been a busy week. Hope this is what you've been looking for @lalitha02<https://github.com/lalitha02> :) HTML: <agm-marker (markerRightClick)="onRightClick()"> Typescript: onRightClick() { console.log("Rightclicked!"); } — You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub<#1362 (comment)>, or mute the thread<https://github.com/notifications/unsubscribe-auth/AZtMJIK9tYgjc-pt8ItIH8b5zxDpMXE4ks5uBiOCgaJpZM4SzbiS>.

[er-shrey]

Is it updated in agm 1.0.0 beta-2

Or when we can get this feature in the agm?

If not so soon, do we have any workaround to implement it?

[shaikh-kamran]

@s-gbz not working

HTML:

<agm-marker (markerRightClick)="onRightClick()">
Typescript:

onRightClick() {
console.log("Rightclicked!");
}

[shaikh-kamran]

"@agm/core": "^1.0.0-beta.0"

[s-gbz]

Hello guys,
sorry to say that I can't help you, because the PR has been merged, but the npm repository wasn't updated yet. Maybe @lazarljubenovic could do sth.

A possible workaround is to clone AGM master from Github and link your application to it. (Google: npm use local or take a look here.
For example, this is the package.json of my demo app. As you can see I'm using AGM with a local path.

{
"name": "agm-test",
"version": "0.0.0",
"scripts": {
"ng": "ng",
"start": "ng serve",
"build": "ng build",
"test": "ng test",
"lint": "ng lint",
"e2e": "ng e2e"
},
"private": true,
"dependencies": {
"@agm/_dev": "file:../angular-google-maps",
"@agm/dev": "file:../angular-google-maps",
"@angular/animations": "^6.0.3",
"@angular/common": "^6.0.3",
"@angular/compiler": "^6.0.3",
"@angular/core": "^6.0.3",
"@angular/forms": "^6.0.3",
"@angular/http": "^6.0.3",
"@angular/platform-browser": "^6.0.3",
"@angular/platform-browser-dynamic": "^6.0.3",
"@angular/router": "^6.0.3",
"core-js": "^2.5.4",
"rxjs": "^6.0.0",
"zone.js": "^0.8.26"
},
"devDependencies": {
"@angular/compiler-cli": "^6.0.3",
"@angular-devkit/build-angular": "~0.6.8",
"typescript": "~2.7.2",
"@angular/cli": "~6.0.8",
"@angular/language-service": "^6.0.3",
"@types/jasmine": "~2.8.6",
"@types/jasminewd2": "~2.0.3",
"@types/node": "~8.9.4",
"codelyzer": "~4.2.1",
"jasmine-core": "~2.99.1",
"jasmine-spec-reporter": "~4.2.1",
"karma": "~1.7.1",
"karma-chrome-launcher": "~2.2.0",
"karma-coverage-istanbul-reporter": "~2.0.0",
"karma-jasmine": "~1.1.1",
"karma-jasmine-html-reporter": "^0.2.2",
"protractor": "~5.3.0",
"ts-node": "~5.0.1",
"tslint": "~5.9.1"
}
}

[Hect0rr]

Is there a reason AgmMarker is not cast in EventEmmiter when markerRightClick is raised? You can get AgmMarker object when markerClick is raised.

@Output() markerClick: EventEmitter<AgmMarker> = new EventEmitter<AgmMarker>();
@Output() markerRightClick: EventEmitter<void> = new EventEmitter<void>();

[ghost]

@Hect0rr the real question is why does markerClick send AgmMarker in the event. Event data is meant to give information about the event, not the target. AgmMarker objects should not be used directly by users of AGM library anyway.

[Hect0rr]

@doom777 Yeah I agree. But should you get MouseEvent at least?

[ghost]

Yes, you should. Create a PR.