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
