javascript - set marker in map using angular JS -


i working on application. there 2 pages. in first page, showing country , there lat & lng. when click on country redirect 2nd page. in page showing google map. according map marker showing. that's work perfectly.

problem in 2nd page use 2 textbox, textbox enter lat & lng , when hit button marker should change there place. it's not working. not understanding doing wrong. if missing thing please me.

code

(function () {     'use strict';     myapp.controller('mapctrl', function ($scope, $http, $stateparams) {         $scope.lat = $stateparams._lat;         $scope.lng = $stateparams._lng;           $scope.clickme = function (clicked) {             $scope.lat = $scope.txtlatitude;             $scope.lng = $scope.txtlongitude;         };     })       .factory('mapsinit', mapsinitfactory)       .directive('mymap', mymap);      function mapsinitfactory($window, $q) {         //google's url async maps initialization accepting callback function         var asyncurl = 'https://maps.googleapis.com/maps/api/js?key=aizasydpqr0uw01dcvmuscxo7xizh47-zuuyezm&callback=',             mapsdefer = $q.defer();          //callback function - resolving promise after maps loaded         $window.googlemapsinitialized = mapsdefer.resolve; // removed ()          //async loader         var asyncload = function (asyncurl, callbackname) {             var script = document.createelement('script');             //script.type = 'text/javascript';             script.src = asyncurl + callbackname;             document.body.appendchild(script);         };          //start loading google maps         asyncload(asyncurl, 'googlemapsinitialized');          //usage: initializer.mapsinitialized.then(callback)         return {             mapsinitialized: mapsdefer.promise         };     }      function mymap(mapsinit) {         return {             restrict: 'e',             scope: {                 mapid: '@id', // map id                 lat: '@',     // latitude                 long: '@'     // longitude             },             link: function (scope) {                 console.log(scope.mapid, scope.lat, scope.long);                 if (angular.isdefined(scope.lat) && angular.isdefined(scope.long)) {                      // initialize map                     var initialize = function () {                         var location = new google.maps.latlng(scope.lat, scope.long);                          var mapoptions = {                             zoom: 6,                             center: location                         };                          var map = new google.maps.map(document.getelementbyid(scope.mapid), mapoptions);                          new google.maps.marker({                             position: location,                             map: map                         });                     };                     mapsinit.mapsinitialized.then(function () {                         initialize();                     }, function () {                     });                 }             }         };      }  })();

first, need reference marker in question:

scope.mainmarker = new google.maps.marker({                         position: location,                         map: map                     });

in controller: 

$scope.clickme = function (clicked) {         $scope.lat = parsefloat( $scope.txtlatitude );         $scope.lng = parsefloat( txtlongitude );          $scope.mainmarker.setlocation(new google.maps.latlng(                                  $scope.lat,                                  $scope.lng                                  ));      };

Comments

Post a Comment

Popular posts from this blog

c# - Update a combobox from a presenter (MVP) -

i using mvp in project, new in mvp. have 2 comboboxes. when select option in combobox, combobox should filled new data. this action in presenter. view 'view1' in presenter, , introduced combobox1 , combobox2 properties in 'view1', because need 'datasource', 'displaymember', 'valuemember' , 'refresh()' in method below. but, when using pattern, enough send property like public string combobox2 { { return combobox1.selectedvalue.tosstring(); } } into presenter not whole combobox. how can solve problem? public void onselectedindexchangedcombobox1() { if (view1.combobox1.selectedindex == -1) { return; } datatable dt = tools.getdatatable("a path"); var query = (from o in dt.asenumerable() o.field<string>("afield") == farmerview.combobox1.selectedvalue.tostring() orderby o.field<string>("anotherfield") select...
Read more

How to understand 2 main() functions after using uftrace to profile the C++ program? -

i trying uftrace profile following simple c++ program: #include <iostream> class { public: a() {std::cout << "a created" << std::endl;} ~a() {std::cout << "a destroyed" << std::endl;} }; int main() { a; return 0; } the profile result this: # uftrace a.out created destroyed # duration tid function 2.026 [ 4828] | __cxa_atexit(); [ 4828] | main() { [ 4828] | __static_initialization_and_destruction_0() { 89.397 [ 4828] | std::ios_base::init::init(); 0.768 [ 4828] | __cxa_atexit(); 93.029 [ 4828] | } /* __static_initialization_and_destruction_0 */ 94.425 [ 4828] | } /* main */ [ 4828] | main() { [ 4828] | a::a() { 11.104 [ 4828] | std::operator <<(); 10.825 [ 4828] | std::basic_ostream::operator <<(); 24.514 [ 4828] | } /* a::a */ [ 4828] | a::~a() { 0.978 [ 4828] | ...
Read more

How to put a lock and transaction on table using spring 4 or above using jdbcTemplate and annotations like @Transactional? -

i trying put lock on table while writing on table , if happened in between roll-back . trying convert below code lock table test_g1 read; lock table test_g write; -- begin; start transaction; insert test_g1 values(143); insert test_g values(145); select * test_g1; select * test_g; rollback; select * test_g; unlock tables; how convert above code @transactional spring jdbctemplate code? @transactional(rollbackfor={dataaccessexception.class}) public void test(){ jdbctemplate.execute("insert test1 (id, nam) values (4, 'a')"); throw new dataaccessexception("error") { }; } here trying throw error, insert statement should rollback it's not happening . thanks edit-1 attaching code , doing in jdbcdaoimpl.java , mentioned problem comment above test() . app.java package com.cgiri.javabrains.spring4; import org.springframework.beans.factory.annotation.autowired; import org.springframework.context.applic...
Read more