JavaScript žemėlapio kodukas AngularJS

Sveiki ;)

Turiu štai tokį JavaScript žemėlapio skriptą

var map = L.map( 'map', {

center: [55.326294, 24.1634683],

minZoom: 2,

zoom: 8

});

L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png', {

attribution: '© <a href="http://osm.org/copyright">OpenStreetMap</a> contributors'

}).addTo(map);

var myURL = jQuery( 'script[src$=leaf-demo.js]' ).attr( 'src' ).replace( 'leaf-demo.js', '' );

var myIcon = L.icon({

iconUrl: myURL + 'images/pin24.png',

iconRetinaUrl: myURL + 'images/pin48.png',

iconSize: [29, 24],

iconAnchor: [9, 21],

popupAnchor: [0, -14]

});

for ( var i=0; i < markers.length; ++i )

{

L.marker( [markers.lat, markers.lng], {icon: myIcon} )

.bindPopup( '<a href="' + markers.url + '" target="_blank">' + markers.name + '</a>' )

.addTo( map );

Noriu padaryti, kad šį žemėlapį atvaizduotų AngularJS pagrindu padaryto tinklapio main.html puslapyje. Index.html puslapis paima main.html naudodamas <div ng-view></div>. Ir jei main.html puslapyje įrašytas tekstas, tai index.html jį puikiai pasiima ir atvaizduoja (ta prasme kontroleriai ir angular.module sutvarkyti). Tačiau kaip padaryti, kad atvaizduotų aukščiau paminėtą skriptą? Sry už netikslumus, mokausi šitų dalykų.

Geriausia tau būtų daryti reikalus the Angular way ir panaudoti kokį pluginą.

Va kad ir šitą: http://angular-ui.github.io/angular-google-maps/#!/

Naudoti jQuery su Angularu nebereikia, jis pats viską moka ką ir jQuery.

O kaip į main.html įdėti, kad atvaizduotų, niekas nežino?

Susikurk direktyvą su mapsu ir įdėk.

Gal turi kokią nuorodą, kur aprašyta kaip tai padaryti? :rolleyes:

Gal turi kokią nuorodą, kur aprašyta kaip tai padaryti? :rolleyes:

Y not google?

https://www.google.lt/webhp?sourceid=chrome-instant&ion=1&espv=2&ie=UTF-8#q=google+maps+in+angular+tutorial

Šitas net su pavyzdžiais, galėsi copy paste daryt :D

https://www.google.lt/webhp?sourceid=chrome-instant&ion=1&espv=2&ie=UTF-8#q=google+maps+in+angular+fiddler

Ačiū, bandysiu žiūrėt :)