Googlemaps API. Info werkt niet bij scaling de pagina.
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.
https://www.pctraverse.nl/Project/aangeboden/flyers/geo.js
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?
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:
Code (php)
1
2
3
4
5
6
2
3
4
5
6
function zoomer()
{
var xx = screen.width;
var zoomen = xx/1220;
document.body.style.transform = 'scale(' + zoomen + ')';
}
{
var xx = screen.width;
var zoomen = xx/1220;
document.body.style.transform = 'scale(' + zoomen + ')';
}
Dit is een voorbeeld:
(middelste knop)
https://www.pctraverse.nl/Project/aangeboden/flyers/index.php
Toevoeging op 13/02/2018 22:05:22:
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.
Gewijzigd op 14/02/2018 00:39:24 door Hans De Ridder
Nu verschijnt de info direct zonder te klikken.