Question

106

How to use angular-google-maps < markers> directive?

rated 0 times [ 108] [ 2] / answers: 1 / hits: 13194 / 10 Years ago, thu, march 27, 2014, 12:00:00

I'm using angular-google-maps in my project.

I'm trying to add multiple markers, using objects of the following definition:

vehicles = [

{

    stuff: "stuff",

    last_known_location: {

        latitude: number,

        longitude: number

    }

    

},

{

    stuff: "stuff",

    last_known_location: {

        latitude: number,

        longitude: number

    }

    

},//...etc

]

My directive looks like:

<markers models='vehicles'

         coords='vehicles.last_known_location' >

</markers>

Vehicles is an array of objects as described above.

This doesn't work. If I change my model to just have properties of latitude and longitude and completely lose the last_known_location property and change my directive coords='self' then it works fine. What do I need to do to get this working with my json structure?

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

oliverg

Add To Favorites

Follow

Total Points: 453

Total Questions: 101

Total Answers: 100

Location: Liechtenstein

Member since Wed, Dec 8, 2021

3 Years ago

answered 10 Years ago neildrews · Accepted Answer

As you figured out, it's stated in here: http://angular-ui.github.io/angular-google-maps/#!/api/markers that the value of the property coords must be between quotes.

Also, in v1.1, for each marker you need to define an id (the name of the id property is given by idKey), which defaults to model.id,

so, in your case, and for it to work now it would have to be

<markers models=vehicles coords='last_known_location'></markers>

and the vehicles array, for instance:

$scope.vehicles = [{

  id: first,

  stuff: stuff,

  last_known_location: {

      latitude: 37.3694868,

      longitude: -5.9803275

  }

}];

(Notice the id property)