Super je plonge dessus et je vous tiens ay courant des evolutions . Merci --- Message initial ---
De : "Joeri Poesen" <[email protected]> Envoyé : 30 août 2013 17:08 A : "La liste de discussion autour de Logiciels Libres à Dakar" <[email protected]> Objet : Re: [DakarLUG] Info Voila, en effet. Je voulais juste montrer une exemple un peu comme ça, prise d'une appli html5 / css3 / js: // hardcode coordinates for the center of the map var lat = 44.833333; var lng = -0.566667; // 11 = map zoom level var vmap = L.map('vendormap').setView([lat, lng], 11); L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png', { attribution: 'OSM'}).addTo(vmap); // set current position marker var vmarker = L.marker([lat, lng]).addTo(vmap); vmarker.bindPopup("Hi. You are here.").openPopup(); // retrieve vendor info // --> changer cette logique - il faut juste un array avec les infos que tu veux montrer vendor_json = localStorage.AtwVendorList; vendors = jQuery.parseJSON(vendor_json); markers = []; jQuery.each(vendors, function(index, vendor){ markers[index] = L.marker([vendor.geo.long, vendor.geo.lat]).addTo(vmap); markers[index].bindPopup(vendor.name + '<br />' + '<a href="' + vendor.url + '">' + vendor.url + '</a>'); }) Donc en bref: 1. prends un point pour centrer la carte 2. indique quel div va contenir la carte 3. ajoute un marker au centre 4. crée un array avec les autres points (markers) à montrer 5. pour chaque élément dans cette array: ajoute un marker et voilà, Bob est ton oncle. J. 2013/8/30 Alioune Dia <[email protected]> > > Salut > Si c'est juste pour afficher des informations comme > > --- > > leur permettrai de connaitre les emplacement des différents panneaux > publicitaires leur taux de fréquentation , leur prix , le propriétaire et > toutes autres informations leur permettant de faire le meilleur choix . > > --- > Inutile de faire de la programmation serveur( Php, Python) , charge > le avec du JavaScript et c'est bon, Pour un peu donner une logique > cohérente a tes données voir http://backbonejs.org/ .Moi j'aime bien > http://leafletjs.com/ , tu pourras mapper avec OSM > , ou tout une autre MaP. > > Moi si j’étais toi je ferais un truc avec Node Js du genre. > > // server.js_______ > > var application_root = __dirname, > express = require("express"), > path = require("path"), > mongoose = require('mongoose'); > > var app = express(); > mongoose.connect('mongodb://localhost/my_database'); > > //Paneaux publicitaires > var Pannaux = mongoose.model('Paneau', > new mongoose.Schema({ > text: String, > taux: Boolean, > prix: Number, > proprietaire :String > })); > > app.configure(function(){ > app.use(express.bodyParser()); > app.use(express.methodOverride()); > app.use(app.router); > app.use(express.static(path.join(application_root, > "public"))); > app.use(express.errorHandler({ dumpExceptions: true, > showStack: true })); > //app.set('views', path.join(application_root, > "views")); > //app.set('view engine', 'jade') > }); > > app.get('/api/pannaux', function(req, res){ > return Pannaux.find(function(err, pannaux) { > return res.send(pannaux); > }); > }); > > > //Layer View___________ > > LayerView = BackBone.View.extend({ > initialize: function(){ > return this .render() > } > render: function(){ > var map = L.map('map').setView([51.505, -0.09], 13); > > L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png<http://tile.osm.org/%7Bz%7D/%7Bx%7D/%7By%7D.png>', > { > attribution: '© <a href="http://osm.org/copyright";> \ > OpenStreetMap</a> contributors' > }).addTo(map); > > // add a marker in the given location, attach some popup > // content to it and > // open the popup > > > // Ajoutez les marqueurs , note: donnes sont rendues par app.get > // _ = http://underscorejs.org/ > > _.each(model, function(point){{ > L.marker(point).addTo(map) > .bindPopup('A pretty CSS3 popup. <br> Easily customizable.') > .openPopup(); > }) > } > ) > // init _______ > > $(function(){ > $.ajax('api/pannaux', function(data){ > view = new LayerView({model: data}) > view.render() > }') > }) > Tu peux définir un Backbone Model après la récupération des données > sur le serveur avant de les passer a ta View Backbone, ça dépend des > choses que tu veux faire!. > Je n'ai rien testé donc il faudra débugger avant de voir le magie!. > > Avant de te lancer a programmer peu être que il existe des outils > toute faites et qu'il faut juste installer , mais j'avoue que je ne les > connais pas ! > —Ad > > > Le 30 août 2013 12:41, mbayefaye diene <[email protected]> a > écrit : > >> >> Bonjour a tous , >> >> Pour la rédaction de projet d’étude je suis à la recherche d'un logiciel >> libre pour faire la cartographie des panneaux publicitaires de la ville de >> Ouagadougou . Je cherche développer une plateforme décisionnel pour les >> acteurs de la communication qui leur permettrai de connaitre les >> emplacement des différents panneaux publicitaires leur taux de >> fréquentation , leur prix , le propriétaire et toutes autres informations >> leur permettant de faire le meilleur choix . >> >> En tant qu'amateur non averti je cherche dans le monde du libre une >> application pouvant m'aider. Pouvez vous m'aider , me conseiller >> >> Merci a tous >> >> Mbaye Faye DIENE >> +226 65 08 15 74 >> Ouagadougou >> Burkina Faso >> >> >> -- >> Ce message a été envoyé à la liste [email protected] >> Gestion de votre abonnement : http://dakarlug.org/liste >> Archives : http://news.gmane.org/gmane.org.user-groups.linux.dakarlug >> Le site du DakarLUG : http://dakarlug.org >> > > > > -- > Ce message a été envoyé à la liste [email protected] > Gestion de votre abonnement : http://dakarlug.org/liste > Archives : http://news.gmane.org/gmane.org.user-groups.linux.dakarlug > Le site du DakarLUG : http://dakarlug.org >
-- Ce message a été envoyé à la liste [email protected] Gestion de votre abonnement : http://dakarlug.org/liste Archives : http://news.gmane.org/gmane.org.user-groups.linux.dakarlug Le site du DakarLUG : http://dakarlug.org
-- Ce message a été envoyé à la liste [email protected] Gestion de votre abonnement : http://dakarlug.org/liste Archives : http://news.gmane.org/gmane.org.user-groups.linux.dakarlug Le site du DakarLUG : http://dakarlug.org
