Insert position in database with google map in Angular2

Question

I'm trying to build an Angula2 application,I want to get the position(longitude and latitude) when i click on a point in the map to be able to insert those fields in my database. Here is the Map code:

<sebm-google-map [latitude]="lat" [longitude]="lng" [zoom]="zoom" [backgroundColor]="backgroundColor" >
  <sebm-google-map-marker *ngFor=" let post of posts" [latitude]="post.lapti" [longitude]="post.longi" ></sebm-google-map-marker>
</sebm-google-map>

Any solution?

Karbos 538 · Accepted Answer · 2017-04-13 15:22:40Z

2

You have the mapclick event :

<sebm-google-map (mapClick)="getPosition($event)" [latitude]="lat" [longitude]="lng" [zoom]="zoom" [backgroundColor]="backgroundColor" >
  <sebm-google-map-marker *ngFor=" let post of posts" [latitude]="post.lapti" [longitude]="post.longi" ></sebm-google-map-marker>
</sebm-google-map>

...

getPosition(event: MouseEvent ) {
  let coords: LatLngLiteral = event.coords; //coords.lat, coords.lng are numbers
  console.log(coords.lat); //the clicked point latitude
  console.log(coords.lng); //the clicked point longitude
    ...
}

Plunker here : http://plnkr.co/edit/UWl3Tm

edited Apr 13, 2017 at 15:22

answered Apr 13, 2017 at 14:33

Karbos 538

3,0752 gold badges25 silver badges37 bronze badges

Sign up to request clarification or add additional context in comments.

8 Comments

Ouss1993 Over a year ago

Can you explain more what i should write in the getPosition function?

Karbos 538 Over a year ago

I add console.log, is it better or am I missing the sens of your question ?

Ouss1993 Over a year ago

it says that property coords does not exist on type MouseEvent

Karbos 538 Over a year ago

Is your MouseEvent imported from here : github.com/SebastianM/angular-google-maps/blob/… ?

Ouss1993 Over a year ago

No,I should add those 2 lines in app-module,or install it with npm?

|

Collectives™ on Stack Overflow

Insert position in database with google map in Angular2

1 Answer 1

8 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

8 Comments

Your Answer

Sign up or log in

Post as a guest

Related