Pass data from marker to marker template

[edades]

Hi, Thanks for this project. I need pass data from selected marker to marker window template, but i haven't do it :(

my view

<ion-view view-title="Encuentra" ng-controller="MapCtrl">
  <ion-content scroll="false">
    <map zoom="map.zoom" center="map.center" style="height:86vh;">
      <!-- <markers locations="markers.locations" icon="markers.icon"></markers> -->
      <marker ng-repeat="marker in markers" coordinates="marker.coordinates" icon="marker.icon">
      </marker>
    </map>
  </ion-content>
</ion-view>

my template

<div style="min-width:200px;width:auto;height:100px;" ng-controller="MapCtrl">
  <h1 style="font-size:16px;color:white;text-align:center;"><strong>Perdido en lo prado</strong></h1>
  <p style="color:yellow;">Datos: {{marker.datos.dato1}}</p>
</div>

my controller

'use strict';
angular.module('main')
.controller('MapCtrl', function ($scope) {

  $scope.map = {
    zoom: 14,
    center: {
      lng: -0.135559,
      lat: 51.513872
    }
  };

  var marcadores = [];

  var marker1 = {
    coordinates: {
      lng: -0.14,
      lat: 51.513872
    },
    icon: {
      window: {
        // template: 'MARCADOR 1'
        templateUrl: 'main/templates/marker.html'
      }
    },
    datos:{
      dato1: 'Dato1 Marker1',
      dato2: 'Dato2 Marker1'
    }
  };

  marcadores.push(marker1);

  var marker2 = {
    coordinates: {
      lng: -0.145,
      lat: 51.513972
    },
    icon: {
      window: {
        templateUrl: 'main/templates/marker.html'
      }
    },
    datos:{
      dato1: 'Dato1 Marker2',
      dato2: 'Dato2 Marker2'
    }
  };

  marcadores.push(marker2);

  $scope.markers = marcadores;

});

A screenshot

[lukemarsh]

Hi @edades thanks for checking out the directive! This isn't something we have worked on yet for multiple markers. We only have worked on single map markers. However, you can use anything in scope and display it in an info window