javascript - how to use ng click and pass the id in google map pop window using angularjs? -

-

i have 2 stores in database , trying stores in google map marker pointing 2 stores.i have ng-click in info window pass id here ng-click not working there idea pass id through ng-click

.controller('mapctrl', [      '$scope', '$http', '$location', '$window',     function ($scope, $http, $location, $window) {      $http.get('****').success(function (data, dealers, response) {          function initialize() {              var serverdata = data;              $scope.locations = [];              (var = 0; < serverdata.length; i++) {                  var modal = [                  data[i].store_name, data[i].s_location.latitude, data[i].s_location.longitude, i, 'images/arrow.svg', data[i].s_address];                  $scope.locations.push(modal);               }              console.log($scope.locations);              //---------------------------------------------------------              //console getting              var locations = [                  ['nokia store', '12.971599', '77.594563', '1', 'images/arrow.svg.svg', '55a78953815356700bee698f'],                  ['samsung store', '12.9065534', '77.5774802', '2', 'images/arrow.svg.svg', '55a786d1815356700bee6982'], ];              //----------------------------------------------------------              var map = new google.maps.map(document.getelementbyid('map'), {                  zoom: 13,                  center: new google.maps.latlng(12.9667, 77.5667),                  maptypeid: google.maps.maptypeid.roadmap              });              var infowindow = new google.maps.infowindow();              var marker, i;              (i = 0; < $scope.locations.length; i++) {                  //console.log($scope.locations[i][1]);                  marker = new google.maps.marker({                      position: new google.maps.latlng($scope.locations[i][1], $scope.locations[i][2]),                      map: map,                      icon: $scope.locations[i][4],                      animation: google.maps.animation.drop,                  });                  google.maps.event.addlistener(marker, 'click', (function (marker, i) {                      return function () {                          infowindow.setcontent('<div class="marker-box"><div class="marker-title">' + $scope.locations[i][0] + '</div><input type="button" value="book now" name="book now" ng-click="getid(' + $scope.locations[i][5] + ') "/></div>');                          infowindow.open(map, marker);                      }                  })(marker, i));              }              $scope.map = map;          }          $scope.getid(id) {              console.log(id);          }      });
since 3 days i'm trying can't able solve.help me out

so in code:

google.maps.event.addlistener(marker, 'click', (function (marker, i) {                     return function () {                         infowindow.setcontent('<div class="marker-box"><div class="marker-title">' + $scope.locations[i][0] + '</div><input type="button" value="book now" name="book now" ng-click="getid(' + $scope.locations[i][5] + ') "/></div>');                         infowindow.open(map, marker);                     }                 })(marker, i));

your call function not run until marker clicked. time it's clicked, scope not know "i" is. guess "i" becomes $scope.locations.length+1.

one things can try:

put above code in secondary function, call main thread instead of running directly main thred. ie:

main code:{ //your code (i = 0; < $scope.locations.length; i++){    function_name(parameter 1, i); }  function function_name= above code;

note above sudo code, please implement , try it. hope solves it.


Comments

Post a Comment

Popular posts from this blog

Fail to load namespace Spring Security http://www.springframework.org/security/tags -

-
i have problem namespace of spring security on xhtml page. don't understand why can't load uri, , have following issue: whitelabel error page application has no explicit mapping /error, seeing fallback. tue jul 21 16:58:12 utc 2015 there unexpected error (type=not found, status=404). please need help! possible uri has been changed? best regards you using incorrect namespace url. correct url http://www.springframework.org/schema/security the error page seeing spring source website since not recognize url. try visiting http://www.springsource.org/security/tags in browser update : spring security tags used in jsp page correct tag lib declaration is: <%@ taglib prefix="sec" uri="http://www.springframework.org/security/tags" %>
Read more

sql - MySQL query optimization using coalesce -

-
can explain me why second query faster first? (first 1 takes around 40 seconds, second 1 less 0.1) select releases.feature_code, releases.platform_id, version, release_date, general_available, uri, filesize, display_name, feature_name.full_name, if ((select exists(select 1 release_exceptions releases.feature_code = release_exceptions.feature_code , releases.platform_id = release_exceptions.platform_id , releases.version = release_exceptions.version) = 1), 1, 0) release_exceptions releases left outer join platform using(platform_id) left outer join feature_name using(feature_code) order version desc; ~~~ query 2 ------------------ ~~~ select feature_code, version, release_date, general_available, platform_id, uri, filesize, display_name, feature_name.full_name, coalesce(release_exceptions, 0) release_exceptions mus.releases left outer join ( select distinct feature_code, version, platform_id, 1 release_exceptions mus.release_exceptions ) release_exceptions using ...
Read more

unity3d - Unity local avoidance in user created world -

-
i'm using unity3d networked multiplayer online game have large complex 3d terrain scene forest, trees, cliff, hills, mountains, bounders, etc. players can build structures sort of minecraft, , put them anywhere in scene, or move them around anytime. aside human controlled players, there automated ai players , objects animals roaming around scene following path. the problem how make these automated ai players , animals, able navigate around static , dynamic player created structures, because path follow can blocked player created structures, or other players , other ai objects, cliffs etc. have find away around them or on track if tumble down off high cliff example. so made navmesh , used navagents, takes care of static, non moving objects, how make ai players navigate around each other , dynamic structures created players can number in hundreds? i thought of adding navmeshobstacle everything, result in being attached hundreds of objects since user created structures b...
Read more