• Login
  • Register
  • Zoek
This Thread
  • Everywhere
  • This Thread
  • This Forum
  • Articles
  • Pages
  • Forum
  • Filebase Entry
  • More Options

ICTscripters

Dé plek voor IT

Dé plek voor IT

Login

Geavanceerde opties
  1. Home
  2. Forum
    1. Alle berichten
    2. Recente activiteiten
  3. ICT Nieuws
  4. Blog
  5. Marktplaats
    1. Werk
    2. Advertenties
    3. Domeinnamen
    4. Websites
    5. Design & lay-outs
    6. Scripts
    7. Overige
  6. Design
  7. Leden
    1. Actieve bezoekers
    2. Team
    3. Leden zoeken
  8. Downloads
  9. Goedkope domeinnamen
  1. Home
  2. Forum
    1. Alle berichten
    2. Recente activiteiten
  3. ICT Nieuws
  4. Blog
  5. Marktplaats
    1. Werk
    2. Advertenties
    3. Domeinnamen
    4. Websites
    5. Design & lay-outs
    6. Scripts
    7. Overige
  6. Design
  7. Leden
    1. Actieve bezoekers
    2. Team
    3. Leden zoeken
  8. Downloads
  9. Goedkope domeinnamen
  1. Home
  2. Forum
    1. Alle berichten
    2. Recente activiteiten
  3. ICT Nieuws
  4. Blog
  5. Marktplaats
    1. Werk
    2. Advertenties
    3. Domeinnamen
    4. Websites
    5. Design & lay-outs
    6. Scripts
    7. Overige
  6. Design
  7. Leden
    1. Actieve bezoekers
    2. Team
    3. Leden zoeken
  8. Downloads
  9. Goedkope domeinnamen
  1. Dé plek voor IT - ICTscripters
  2. Forum
  3. Scripting & programmeren
  4. Javascript + Ajax

Forum

  • Beta-testers gezocht voor Crypto-oefenplatform

    Syntax 29 januari 2026 om 16:11
  • Na 15 jaar terug van weggeweest: iCriminals.nl is terug (BETA)!

    Syntax 19 januari 2026 om 09:34
  • Developer Gezocht

    Mikevdk 10 januari 2026 om 18:57
  • Op zoek naar de legends

    Syntax 5 januari 2026 om 13:50
  • [FREE] WeFact Hosting module

    Jeroen.G 13 oktober 2025 om 14:09
  • Help testers nodig voor android app Urgent

    urgentotservices 26 september 2025 om 10:21
  • Versio vervanger

    Jeroen.G 25 augustus 2025 om 15:56
  • Afspraken systeem met planbeperking

    Lijno 1 augustus 2025 om 23:04

Marktplaats

  • 350 Nieuwe Domeinnamen Januari 2026

    shiga 1 februari 2026 om 14:21
  • 321 Nieuwe Domeinnamen December 2025

    shiga 1 januari 2026 om 10:26
  • Meerdere mafia game template te koop

    Syntax 26 december 2025 om 00:07

Google Maps Canvas JS

  • Frenzo.Brouwer
  • 29 april 2018 om 16:37
  • Frenzo.Brouwer
    Web Developer
    Ontvangen Reacties
    35
    Berichten
    535
    • 29 april 2018 om 16:37
    • #1

    Hallo,

    Ik werk momenteel aan een site waarbij ik een google maps canvas weergeef op de website.
    Nu is het probleem dat ik het adres niet op de juiste plek krijg.

    Als je het juiste adres wil zien. Moet je op het canvast klikken en dan met je muis na boven slepen.
    Pas op deze manier krijg je mijn adres te zien, weet iemand hoe ik dit oplos?

    Het voorbeeld is te zien op:
    https://cwbnl.nl/

    Alvast bedankt

    Eigenaar van:
    Online Marketing & Webdesign Bureau - https://marketingmetrics.nl/
    Gaming Plaform - https://onetwogaming.nl/
    Banditi - https://banditi.nl/
    Criminas - https://criminas.nl/

    Bewerkt 2 keer, laatst door Frenzo.Brouwer (3 mei 2018 om 14:14).

  • FangorN
    Professional
    Ontvangen Reacties
    196
    Articles
    2
    Berichten
    737
    • 29 april 2018 om 17:35
    • #2

    Op welke pagina('s) speelt dit probleem, en hoe zou je dit willen hebben dan? Nu is namelijk dat canvas min of meer een achtergrond-element waar vaak zaken overheen worden weergegeven.

    Er zijn opties om een kaart te centreren op grond van coordinaten (dit gebeurt volgens mij al), en het is ook mogelijk om een infowindow direct te tonen. Wat zou je verder omtrent de positionering van het adres willen regelen?

  • Frenzo.Brouwer
    Web Developer
    Ontvangen Reacties
    35
    Berichten
    535
    • 29 april 2018 om 19:04
    • #3

    Hier heb ik een afbeelding toegevoegd van hoe de situatie eigenlijk moet zijn. Ik heb helaas weinig verstand van Javascript.

    Images

    • voorbeeld.jpg
      • 1,21 MB
      • 1.920 × 2.037

    Eigenaar van:
    Online Marketing & Webdesign Bureau - https://marketingmetrics.nl/
    Gaming Plaform - https://onetwogaming.nl/
    Banditi - https://banditi.nl/
    Criminas - https://criminas.nl/

  • FangorN
    Professional
    Ontvangen Reacties
    196
    Articles
    2
    Berichten
    737
    • 29 april 2018 om 21:39
    • #4

    Hm, dat is al anders dan wat ik te zien krijg.

    Voordat ik iets doe zie ik dit:

    Nadat ik gescrolld en geklikt heb zie ik dit:

    De marker valt dus in eerste instantie achter het offerteformulier.

    Het bovenstaande heb ik bekeken in Chrome. Wat zou er precies anders moeten gebeuren? Heb je al geprobeerd alle (browser)cache van je pagina weg te gooien?

    EDIT: als je in template/js/map-script.js na de volgende regel:

    JavaScript
    map.setOptions({styles: styles});

    Het volgende toevoegt:

    JavaScript
    marker.showInfoWindow();

    Levert dat misschien al het gewenste effect.

    Bewerkt één keer, laatst door FangorN (29 april 2018 om 23:48).

  • Frenzo.Brouwer
    Web Developer
    Ontvangen Reacties
    35
    Berichten
    535
    • 30 april 2018 om 17:32
    • #5
    Citaat van FangorN

    Hm, dat is al anders dan wat ik te zien krijg.

    Voordat ik iets doe zie ik dit:

    Nadat ik gescrolld en geklikt heb zie ik dit:

    De marker valt dus in eerste instantie achter het offerteformulier.

    Het bovenstaande heb ik bekeken in Chrome. Wat zou er precies anders moeten gebeuren? Heb je al geprobeerd alle (browser)cache van je pagina weg te gooien?

    EDIT: als je in template/js/map-script.js na de volgende regel:

    JavaScript
    map.setOptions({styles: styles});

    Het volgende toevoegt:

    JavaScript
    marker.showInfoWindow();

    Levert dat misschien al het gewenste effect.

    Toon Meer

    Heb het aangepast, maar de marker & pop up blijft nog steeds onder het contact formulier

    Eigenaar van:
    Online Marketing & Webdesign Bureau - https://marketingmetrics.nl/
    Gaming Plaform - https://onetwogaming.nl/
    Banditi - https://banditi.nl/
    Criminas - https://criminas.nl/

  • FangorN
    Professional
    Ontvangen Reacties
    196
    Articles
    2
    Berichten
    737
    • 30 april 2018 om 17:38
    • #6

    Dan zou ik het middelpunt van de kaart die je initieel toont iets naar het zuiden leggen. Dit zou ervoor moeten zorgen dat de kaart wat verder omhoog schuift.

  • Frenzo.Brouwer
    Web Developer
    Ontvangen Reacties
    35
    Berichten
    535
    • 30 april 2018 om 18:17
    • #7
    Citaat van FangorN

    Dan zou ik het middelpunt van de kaart die je initieel toont iets naar het zuiden leggen. Dit zou ervoor moeten zorgen dat de kaart wat verder omhoog schuift.

    Ik heb helaas weinig verstand van javascipt. Zou je misschien een beetje kunnen mee kijken waar & wat voor aanpassing ik dan moet maken?

    Eigenaar van:
    Online Marketing & Webdesign Bureau - https://marketingmetrics.nl/
    Gaming Plaform - https://onetwogaming.nl/
    Banditi - https://banditi.nl/
    Criminas - https://criminas.nl/

  • FangorN
    Professional
    Ontvangen Reacties
    196
    Articles
    2
    Berichten
    737
    • 30 april 2018 om 19:30
    • #8

    Ergens in je HTML-code (map-canvas) of configuratie staat je latitude coordinaat (52.076486). Als je deze verlaagt (naar bijvoorbeeld 52.06) schuift de kaart omlaag, en daarmee gaat je marker omhoog. Dit hangt natuurlijk ook een beetje van je zoomniveau af.

    Ik zie dat het infowindow nog steeds niet direct getoond wordt, ondanks de marker.showInfoWindow(); in de code. Dat is wel opmerkelijk, weet zo niet direct waarom dat niet werkt.

  • Frenzo.Brouwer
    Web Developer
    Ontvangen Reacties
    35
    Berichten
    535
    • 3 mei 2018 om 14:15
    • #9
    Citaat van FangorN

    Ergens in je HTML-code (map-canvas) of configuratie staat je latitude coordinaat (52.076486). Als je deze verlaagt (naar bijvoorbeeld 52.06) schuift de kaart omlaag, en daarmee gaat je marker omhoog. Dit hangt natuurlijk ook een beetje van je zoomniveau af.

    Ik zie dat het infowindow nog steeds niet direct getoond wordt, ondanks de marker.showInfoWindow(); in de code. Dat is wel opmerkelijk, weet zo niet direct waarom dat niet werkt.

    Ik heb een beetje lopen kloten met de lat & long. Maar ook dit kwam niet tot het juiste resultaat helaas :(

    Eigenaar van:
    Online Marketing & Webdesign Bureau - https://marketingmetrics.nl/
    Gaming Plaform - https://onetwogaming.nl/
    Banditi - https://banditi.nl/
    Criminas - https://criminas.nl/

  • FangorN
    Professional
    Ontvangen Reacties
    196
    Articles
    2
    Berichten
    737
    • 3 mei 2018 om 15:13
    • #10

    Zoals ik het zie zijn er twee dingen die er opgelost moeten worden:

    1. De kaart moet niet gecentreerd zijn op de marker (dit is in feite waar de lat en lon coordinaten in combinatie met het zoomniveau voor zorgen), omdat op deze manier de marker achter het formulier valt. Zoals hierboven beschreven staat is het zaak dat je de lat coordinaat (van wat in wezen het verticale centreerpunt van de kaart is) zo kiest dat de marker wel direct zichtbaar is. Dit doe je door het lat coordinaat te verlagen. Dit zorgt ervoor dat de kaart naar het zuiden schuift, en daarmee staat de marker noordelijker.

    2. Het informatiekader moet direct getoond worden. Dit zou je misschien op de volgende manier kunnen bereiken:
    Vervang op de plek waar nu dit staat:

    JavaScript
    marker.showInfoWindow();


    Deze code door het volgende fragment:

    JavaScript
    infowindow.open(map, marker);

    Bewerkt 2 keer, laatst door FangorN (3 mei 2018 om 15:18).

  • Frenzo.Brouwer
    Web Developer
    Ontvangen Reacties
    35
    Berichten
    535
    • 3 mei 2018 om 15:25
    • #11

    Aanpassing gedaan, maar hij staat ook nog steeds dicht.

    Eigenaar van:
    Online Marketing & Webdesign Bureau - https://marketingmetrics.nl/
    Gaming Plaform - https://onetwogaming.nl/
    Banditi - https://banditi.nl/
    Criminas - https://criminas.nl/

  • FangorN
    Professional
    Ontvangen Reacties
    196
    Articles
    2
    Berichten
    737
    • 3 mei 2018 om 16:16
    • #12

    In mijn browser (Chrome) werkt dit (het informatievenster wordt direct getoond bij de marker), al valt de marker nog steeds weg achter het contactformulier. Dit (marker achter formulier) kan te maken hebben met de schermresolutie.

    Weet je zeker dat je je pagina(cache) goed hebt ververst in je browser? In welke browser bekijk jij jouw site?

  • Frenzo.Brouwer
    Web Developer
    Ontvangen Reacties
    35
    Berichten
    535
    • 3 mei 2018 om 16:18
    • #13
    Citaat van FangorN

    In mijn browser (Chrome) werkt dit (het informatievenster wordt direct getoond bij de marker), al valt de marker nog steeds weg achter het contactformulier. Dit (marker achter formulier) kan te maken hebben met de schermresolutie.

    Weet je zeker dat je je pagina(cache) goed hebt ververst in je browser? In welke browser bekijk jij jouw site?

    Klopt, was cache vergeten te legen.. Hij is wel direct open! Super!!
    Op de home pagina is die niet meteen zichtbaar, dan moet ik nog een beetje scrollen.
    Bij een dienst zoals https://cwbnl.nl/blog/Daklekkage zie je alleen de titel.

    Hij hoeft dus nog maar een beetje naar boven toe..

    Eigenaar van:
    Online Marketing & Webdesign Bureau - https://marketingmetrics.nl/
    Gaming Plaform - https://onetwogaming.nl/
    Banditi - https://banditi.nl/
    Criminas - https://criminas.nl/

  • FangorN
    Professional
    Ontvangen Reacties
    196
    Articles
    2
    Berichten
    737
    • 3 mei 2018 om 16:29
    • #14

    Da's finetuning (en zoals gezegd hangt dat mogelijk ook van schermresolutie af).

    Mogelijk kun je het formulier ook wat verder naar onder plaatsen zodat de "helft" over de kaart valt, en de onderste "helft" over de donkerblauwe achtergrond valt ofzo...

    Anyhoo, my work here is done :).

  • Thisguyisgone
    Elite members
    Ontvangen Reacties
    197
    Berichten
    7.880
    • 3 mei 2018 om 18:25
    • #15

    Ik denk dat je dit zoekt; https://stackoverflow.com/questions/1920…r-of-the-screen

  • Frenzo.Brouwer
    Web Developer
    Ontvangen Reacties
    35
    Berichten
    535
    • 3 mei 2018 om 18:27
    • #16
    Citaat van Ferhat.Remory

    Ik denk dat je dit zoekt; https://stackoverflow.com/questions/1920…r-of-the-screen

    Ik denk dat dit het zelfde is idd.. Maar omdat ik totaal geen verstand van Javascript heb kom ik hier echt niet uit :(

    Eigenaar van:
    Online Marketing & Webdesign Bureau - https://marketingmetrics.nl/
    Gaming Plaform - https://onetwogaming.nl/
    Banditi - https://banditi.nl/
    Criminas - https://criminas.nl/

Participate now!

Heb je nog geen account? Registreer je nu en word deel van onze community!

Maak een account aan Login

ICT Nieuws

  • Fijne feestdagen

    tcbhome 28 december 2025 om 13:55
  • Kritieke update voor Really Simple Security-plug-in

    K.Rens 16 november 2024 om 16:12
  • ING Nederland streeft naar ondersteuning van Google Pay tegen eind februari

    K.Rens 2 november 2024 om 16:09

Blogs

  • Functioneel ontwerp

    Dees 28 december 2014 om 12:38
  • Access Control List implementatie in PHP/MySQL - deel 1/2

    FangorN 28 december 2018 om 12:35
  • Access Control List implementatie in PHP/MySQL - deel 2/2

    FangorN 29 december 2018 om 12:37

Gebruikers die dit topic bekijken

  • 14 Gasten
  1. Marktplaats
  2. Design
  3. Voorwaarden
  4. Ons team
  5. Leden
  6. Geschiedenis
  7. Regels
  8. Links
  9. Privacy Policy
ICTscripters ©2005 - 2026 , goedkope hosting door DiMoWeb.com, BE0558.915.582
Sponsors: Beste kattenhotel provincie Antwerpen | Beste Zetes eid kaartlezer webshop
Style: Nexus by cls-design
Stylename
Nexus
Manufacturer
cls-design
Licence
Commercial styles
Help
Supportforum
Visit cls-design