javascript - Angular js Map integration -


i new in angular js.now working on angular google map.i have code in javascript. want convert angular js .can me please. in advance..

here html code:-

<div id="map-canvas"></div>        <div class="modal fade" id="geotagconfirmationmodal">           <div class="modal-dialog">             <div class="modal-content">               <div class="modal-header">                 <button type="button" class="close" data-dismiss="modal" aria-label="close"><span aria-hidden="true">&times;</span></button>                 <h4 class="modal-title">geo tag</h4>               </div>               <div class="modal-body">                 <p>do want geotag @ place?&hellip;</p>               </div>               <div class="modal-footer">                 <button type="button" class="btn btn-default" data-dismiss="modal" >no</button>                 <button type="button" class="btn btn-primary" data-dismiss="modal" onclick="dogeotagging()">yes</button>               </div>             </div><!-- /.modal-content -->           </div><!-- /.modal-dialog -->         </div><!-- /.modal -->

here javascript code..

<script>         var geocoder;         var map;         var infowindow = new google.maps.infowindow();         var currposition;         var geocoderesults;          function initialize() {           geocoder = new google.maps.geocoder();           var latlng = new google.maps.latlng(40.730885,-73.997383);           var mapoptions = {             zoom: 18,             center: latlng,             maptypeid: 'roadmap'           }           map = new google.maps.map(document.getelementbyid('map-canvas'), mapoptions);           google.maps.event.addlistener(map, 'click', function(e) {                 codelatlng(e.latlng, map);           });         }          function codelatlng(position,map) {             geocoder.geocode({'latlng': position}, function(results, status) {                 if (status == google.maps.geocoderstatus.ok) {                   if (results[1]) {                     geocoderesults=results[0];                     currposition=position;                     $('#geotagconfirmationmodal').modal('toggle');                   } else {                     alert('no results found');                   }                 } else {                   alert('geocoder failed due to: ' + status);                 }               });         }          google.maps.event.adddomlistener(window, 'load', initialize);          function dogeotagging(){             //map.setzoom(11);             var marker = new google.maps.marker({                 position: currposition,                 map: map             });             //infowindow.setcontent(results[1].formatted_address);             infowindow.setcontent("geotagging done @ "+geocoderesults.formatted_address+"!");             infowindow.open(map, marker);             return true;         }      </script>

convert javascript code angularjs quite difficult if new angularjs, especialy if work google maps.

i suggest use existing plugins, , maybe check how made :)

here links angular google maps, or angularjs-google-maps plugins.


Comments

Post a Comment

Popular posts from this blog

android - Pass an Serializable object in AIDL -

i have defined aidl file interface imyfeature { void dotask(class clazz); } but need pass class object process. possible in android? if so, how? i tried: interface imyfeature { serializable class; void dotask(class clazz); } but doesn’t work. aidl in android supports custom class implement parcelable interface. in case want send class object not possible. can send class canonical name , retrieve in service. for example have aidl file interface imyfeature { void dotask(string classname); } then call : binder.dotask(myclass.class.getcanonicalname()); and in service binder stub implementation : private final imyfeature mbinder = new imyfeature.stub() { public void dotask(string classname) { try { class<?> clazz = class.forname(classname); constructor<?> ctor = clazz.getconstructor((class[]) null); object object = ctor.newinstance(); ...
Read more

How to provide Authorization & Authentication using Asp.net, C#? -

Image
i have asp.net application in c#. i have provide page authorization specific user/usergroup. i have created 2 tables in database: 1) pagename 2)permissions[insert, update, view, delete] but i'm unable match tables , permissions assigning... can 1 please me, how created tables in database , how coding. please me. you can below explanation. configure access specific file , folder, set forms-based authentication. request page in application redirected logon.aspx automatically. in web.config file, type or paste following code. this code grants users access default1.aspx page , subdir1 folder . <configuration> <system.web> <authentication mode="forms" > <forms loginurl="login.aspx" name=".aspnetauth" protection="none" path="/" timeout="20" > </forms> </authentication> <!-- section denies access files in...
Read more

How to use Authorization & Authentication in Asp.net, C#? -

i using roll management , trying give page , folder access according user or user group, using server created ad group user authentication. i have default1.aspx page default , subdir1 folder give different access separate user group i using below logic in web.config. <location path="subdir1"> <system.web> <authorization> <allow users ="?" /> </authorization> </system.web> </location> i facing problem provide same access 2 or more directory same user should have provide allow user code twice both folder? i can use logic repeating value folder want access providing in 1 logic. i have got answer configure folder/page access, have make different access shown below.. configure access specific file , folder, set forms-based authentication. request page in application redirected logon.aspx automatically. in web.config file, done following code. this code grants user...
Read more