WebSite X5Help Center

 
Gabriele C.
Gabriele C.
User

Image Map  it

Autor: Gabriele C.
Visited 224, Followers 3, Udostępniony 0  

Buondì!

Recentemente mi hanno richiesto una sorta di mappa per indicare i vari punti vendita di una società.

Online ho cercato qualche codice che si potesse adattare e mi sono imbattuto in alcuni "Generatori" di Image Map, tuttavia inserendo il codice creato in un oggetto Codice HTML di WebSite X5 non funziona.

Qualche suggerimento o tool già testati da voi?

Rif. Post Idea https://helpcenter.websitex5.com/pl/post/222607

Posted on the
14 ODPOWIEDZI - 3 USEFUL
Patrizia B.
Patrizia B.
User

Forse non ho capito il problema ma con google map non lo puoi fare ?

Czytaj więcej
Posted on the from Patrizia B.
Gabriele C.
Gabriele C.
User
Autor

Come posso con Big G?

Il cliente mi dovrebbe fornire un'immagine della loro mappa e vorrebbe consentire all'utente la visualizzazione dei vari punti e al contempo poter consentire la prenotazione di un servizio (es prenotazione appuntamento in Sede A etc.). Sostanzialmente come proposto da questo tool.

Tuttavia con Google Forse dovrebbe uscire meglio.

Czytaj więcej
Posted on the from Gabriele C.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Gabriele C.
Ho provato questo tool https://www.image-map.net/

... ho notato che è stato diviso il Topic originale postato nella sezione > IDEA..

... comunque, quel tool non è una novità; ...è da decenni che viene suggerito anche con altri simili più o meno amichevoli...

... ma niente è più semplice dei programmi che si hanno sul proprio PC e che si sanno usare, per esempio jPSP, Gimp, OOo, InScape, ecc., ecc. ...

... per chi aveva estro, inventiva, sapeva fare, e non voleva limiti, sino a 4-5 anni fa esisteva SwishMax, incomparabile! ... ...oggi in sua vece c'è WebAnimator(ed altri...), ...ma qualcosa si deve pur sempre saper fare...!...

... in questo > Topic quasi recente (il cui utente si è assopito!) avevo postato 3 tipi di mappatura, semplici ed immediate, (...ancora non andate estinte), ...per chi le capisce...

.

Czytaj więcej
Posted on the from  ‪ KolAsim ‪ ‪
Esse Di
Esse Di
User

Come già segnalato nel post idea, nessuno degli esempi citati e/o suggeriti è responsive

Czytaj więcej
Posted on the from Esse Di
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... infatti, ...ma nel topic indicato da me ce ne è una (svg)...

... come già detto in idea, ... per chi volesse farlo, per rendere le mappature bitmap elastiche(!) ...da qualche anno si può con la proprietà CSS3 transform...

.

Czytaj więcej
Posted on the from  ‪ KolAsim ‪ ‪
Gabriele C.
Gabriele C.
User
Autor

Gli esempi citati sono appunto esempi per dare maggiore delucidazione; nel post idea per chiarire al team la proposta e nel post domanda per precisare la tipologia, appunto riferimento.

Sintetizzando:

Mi interessava ricreare un oggetto analogo. Ho cercato online e ho trovato qualche tool come questo https://www.image-map.net/ tuttavia se inserisco il codice non funziona.

Ho pensato fosse "utile" un post idea con l'illusione di un oggetto futuro.

Czytaj więcej
Posted on the from Gabriele C.
Gabriele C.
Gabriele C.
User
Autor

Sono riuscito a risolvere alla meno peggio il post domanda in autonomia senza dover editare più di tanto i codici.

Tra i tanti tool online ho trovato questo (https://www.image-maps.com/). Molto completo e riprende un esempio proposto senza dover impostare manualmente le coordinate dei punti, anche se onestamente mi sarebbe piaciuto inserire le icone con del CSS.

Inserendo il codice e allegando i vari file immagine a quest'ultimo funziona senza problemi. È ancora da testare con SVG e Responsive.

Non ho notato tempestivamente alcuni commenti in quanto non ho aggiornato la pagina. Essendo la prima volta che mi "affaccio" a questo argomento non ero al corrente di alcuni programmi. Se così fosse WebAnimator diventa interessante, anche se una volta provai a scaricarlo ma inutilmente in quanto non compresi bene il funzionamento.

Come sempre ringrazio per l'aiuto e per gli spunti che mi avete gentilmente proposto.

Czytaj więcej
Posted on the from Gabriele C.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Gabriele C.
... ...  senza dover impostare manualmente le coordinate dei punti ... 

... per le utility che ti ho suggerito prima serve solo saper cliccare...

... per imparare a come realizzare un SVG mappato ed elastico,  puoi scaricarti e studiarti il mio esempio...

... se ti piace far da te, le coordinate bitmap le puoi rilevare con M$Paint...

.

Czytaj więcej
Posted on the from  ‪ KolAsim ‪ ‪
Gabriele C.
Gabriele C.
User
Autor

Ho messo online l'oggetto in questa pagina temporanea.

Se si passa sulla voce "Crotone" viene caricata una foto secondaria che simula l'effetto come se fosse un pulsante.

Czytaj więcej
Posted on the from Gabriele C.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... se ti interessa, ... ancora più semplice ed immediato; ...due miei esempi di base, vecchi di 15 anni fa!!!

> Esempio1

> Esempio2

>> ecc., ecc. ... .. . .

Czytaj więcej
Posted on the from  ‪ KolAsim ‪ ‪
Gabriele C.
Gabriele C.
User
Autor

Grazie per gli spunti! Sono molto interessanti.

Czytaj więcej
Posted on the from Gabriele C.