Ik gebruik sinds kort scaling in mijn website.
Ik maak gebruik van een googlemaps API.
Dat werkt goed. Ook met scaling.
Maar de info die bij de marker staat, wordt niet meer weergegeven.
De info wordt goed doorgestuurd naar het script.
En het werkt ook als ik de scaling weghaal.
gaat om de var 'html'.
Iemand een idee hoe dit op te lossen?
Hieronder de link naar het script.
Het zou handiger zijn als je ook een werkend voorbeeld had, en niet enkel een lap JavaScript.
Overigens, wat bedoel je precies met scaling? Tegenwoordig zijn websites responsive, was scaling niet de voorloper daarvan? Of een alternatief om hetzelfde doel te bereiken?
Heb het geprobeerd met zoom en scaling.
Scaling werkt gewoon goed in mijn geval.
Het zijn helaas allemaal waardes in pixels.
En nu de beeldschermen steeds groter worden,
wordt het beeld dan erg klein.
Een alternatief is ook prima als de info daar wel op werkt.
Dit is de scaling:
function zoomer()
{
var xx = screen.width;
var zoomen = xx/1220;
document.body.style.transform = 'scale(' + zoomen + ')';
}
[size=xsmall]Toevoeging op 13/02/2018 22:05:22:[/size]
Ik hoop dat ik de oplossing heb gevonden.
Ik haal de googlemap API uit de div.
En plaats het als nieuwe pagina.
Popup lijkt me niet zo geschikt.
Ik heb nu alles omgezet naar losse pagina.
Dat werkt weer als vanouds.
Moet nu nog de gegevens van googlemap overzetten naar de nieuwe pagina.
Dat loopt via een link (per lid).
Maar denk dat er dan geen problemen zijn met scaling.
Probleem met scaling is dat mouse click events niet meer werken met de API.
Wellicht dat er nog andere mogelijkheden zijn.
Ik hoor het graag. Al is het maar voor studie...
Wanneer ik map in de huidige versie op volldig scherm vertoon, werkt ook alles gewoon.
Als ik dan weer terug ga, dan staat de tekst er nog.
