Visualizzazione dei risultati da 1 a 4 su 4

Discussione: Mappa interattiva

  1. #1

    Mappa interattiva

    Ciao a tutti ragazzi,
    dovrei creare una mappa sul mio sito web, suddivisa in zone, almeno 700, ciascuna delle quali può essere "occupata" o "non occupata".
    La mappa è visionabile dai visitatori del mio sito web che devono capire immediatamente se la zona è stata presa o meno.
    La mappa si costruisce leggendo un database, quindi dinamica.
    La forma della mappa è complessa(come una regione italiana).
    Avevo pensato di costruirla usando una serie di piccole immagini ma non lo vedo ottimale(dovrei ritagliare ogni singola regione e prevedere la versione colorata/non colorata). Conoscete un metodo più efficace, qualche libreria o altra tecnologia che mi possa aiutare meglio nella cosa?
    Grazie a tutti
    Bootstrap addicted.

  2. #2
    Nessuno ha idee? Se sono stato poco chiaro posso cercare di essere più specifico.
    Bootstrap addicted.

  3. #3
    non ho capito bene il concetto di mappa interattiva che intendi....

  4. #4
    Ok, cerco di essere più chiaro.
    Sul mio sito web devo mostrare una mappa.Essa è divisa in zone(stati, regioni, come volete chiamarli). Queste zone possono essere colorate(se sono state occupate) o non colorate(se sono libere).
    Possiedo un disegno(solo il perimetro) della mappa e devo dividerla appunto in delle zone.
    Le zone devono essere 700.
    Ora, per realizzare una cosa del genere, dovrei mettermi a ritagliare 1400 pezzi della mappa(700 colorati e 700 non colorati) perché la mia mappa dovrebbe essere costruita in seguito alla lettura del database.

    (pseudocodice)
    for(i = 0; i < 700 ; i++) {
    $status_zona = leggi_status_zona(i);
    if($status_zona == "occupata")
    echo "<img src=zona_" + i +"occupata.jpg >";
    else {
    echo "<img src=zona_" + i +"non_occupata.jpg >";
    }
    }

    Volevo sapere se conoscete un modo per realizzare la cosa in modo più efficiente, evitando le immagini, magari usando CSS, non so. Grazie mille.
    Bootstrap addicted.

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.