Pereiti prie turinio

JavaScript žemėlapio kodukas AngularJS


Rekomenduojami pranešimai

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ų.

Nuoroda į pranešimą
Dalintis kituose puslapiuose

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

Nuoroda į pranešimą
Dalintis kituose puslapiuose

Prisijunkite prie diskusijos

Jūs galite rašyti dabar, o registruotis vėliau. Jeigu turite paskyrą, prisijunkite dabar, kad rašytumėte iš savo paskyros.

Svečias
Parašykite atsakymą...

×   Įdėta kaip raiškusis tekstas.   Atkurti formatavimą

  Only 75 emoji are allowed.

×   Nuorodos turinys įdėtas automatiškai.   Rodyti kaip įprastą nuorodą

×   Jūsų anksčiau įrašytas turinys buvo atkurtas.   Išvalyti redaktorių

×   You cannot paste images directly. Upload or insert images from URL.

Įkraunama...
  • Dabar naršo   0 narių

    Nei vienas registruotas narys šiuo metu nežiūri šio puslapio.

  • Prisijunk prie bendruomenės dabar!

    Uždarbis.lt nariai domisi verslo, IT ir asmeninio tobulėjimo temomis, kartu sprendžia problemas, dalinasi žiniomis ir idėjomis, sutinka būsimus verslo partnerius ir dalyvauja gyvuose susitikimuose.

    Užsiregistruok dabar ir galėsi:

    ✔️ Dalyvauti diskusijose;

    ✔️ Kurti naujas temas;

    ✔️ Rašyti atsakymus;

    ✔️ Vertinti kitų žmonių pranešimus;

    ✔️ Susisiekti su bet kuriuo nariu asmeniškai;

    ✔️ Naudotis tamsia dizaino versija;

    ir dar daugiau.

    Registracija trunka ~30 sek. ir yra visiškai nemokama.

  • Naujausios temos

  • Karštos temos

×
×
  • Sukurti naują...