Google maps embedden in een webviewer

[menno]

je kan google-maps in de webviewer embedden met google-maps-embed-API. Helaas werkt dat in MacOSX vanaf Filemaker 12.0v5 en nieuwer niet, daar krijg je een groot grijs vlak te zien. Op windows werkt het wél, maar als je multiplatform werkt en ontwikkelt is dat dus niet handig.

 

Ik heb een demo'tje in elkaar gedraaid van mijn oplossing met de Javascript-API van google-maps. De uitleg en de nodige links kan je vinden op de volgende weppagina: http://www.filemakertips.nl en het voorbeeld-bestand kan je direct downloaden vanaf: GoogleMaps_JS

 

[edit dd=19-09-2015]Links aangepast naar nieuw webadres[/edit]

19 september 2015 aangepast door Gast

[relatieboot]

He Menno,

 

dank voor je uitzoekwerk, ik kan hier goed mee aan de slag !

 

Arjen

[menno]

Mooi dat je er wat aan hebt Arjen, ben je/zijn jullie dit jaar ook weer op de summit?

[relatieboot]

Ik kan dat nog niet overzien kwa planning, lijkt me wel leuk.

[relatieboot]

[menno]

Ik zou de geocode-API van google gebruiken om de coördinaten op te zoeken. Als je de BaseElement plug-in (is gratis te downloaden van:http://www.goya.com.au/baseelements/plugin) installeert, dan kan je dat doen door de volgende functie te gebruiken:

Let ( [ 
url 	      = "https://maps.googleapis.com/maps/api/geocode/xml?address=" & 
		                Substitute ( TrimAll ( Substitute ( ADDRESS ; ¶ ; " " ) ; 1 ; 1 ) ; " " ; "+" ) /* & "&key=" */ ; 
result 	   = BE_GetURL ( url ) ; 
$status 	  = BE_XPath ( result ; "/GeocodeResponse/status" ) ; 
$longitude   = BE_XPath ( result ; "/GeocodeResponse/result/geometry/location/lng" ) ; 
$latitude 	= BE_XPath ( result ; "/GeocodeResponse/result/geometry/location/lat" ) ; 
$xml = result
] ; 
$status = "OK"
)

Vervang ADDRESS met het adres dat je wilt opzoeken. De rest is denk ik geen probleem voor je ( ...... /* & "&key=" */ staat er in om de toekomstige verplichting van het gebruik van een key alvast voorbereid te hebben.)

 

Ik heb ook nog even naar je voorbeeld van de html gekeken.Als je even kijkt bij google naar het plaatsen van een marker op: https://developers.google.com/maps/documentation/javascript/examples/marker-simple Dan kan je daar een mooi voorbeeld oppikken waar je de zojuist opgehaald coördinaten in kan zetten.

 

Kon het toch niet laten even snel te checken of mijn beweringen waar zijn, dus ff een demotje in elkaar gedraaid met ons eigen adres:MarkeerAdres.fmp12

 

Mocht je het in FmGo willen gebruiken, dan heb je wat meer werk, want de plug-in kan daar niet worden gebruikt .... of je laat een deel via PSOS draaien of je gaat de xpath-functie als CF bouwen ( de BetweenOpenCloseTag CF van Agnès Barouh http://www.briandunning.com/cf/1774 kan je daarvoor denk ik goed gebruiken)

[relatieboot]

[menno]

Hoi Arjen, dat is een mooie korte html-page geworden. Toont maar weer aan dat meerdere wegen naar Rome leiden! Ik was lui en had ff een functie gepakt waarmee ik voor een klant in zijn planning de afstand, de reisduur en de long-/latitude van google ophaal, om daar vervolgens de map mee op te bouwen

 

Jammer dat in FM nog die oude voorbeelden staan van die oude embed-API

[Felix]

.

6 oktober 2015 aangepast door Gast

[menno]

Dat gaat op MacOSX wel goed met dien verstande dat je web-viewer wel moet re-drawen. Op Windows kan je re-drawen wat je wilt, maar de originele grootte van de web-viewer blijft gebruikt worden door de combinatie filemaker/IE/google ... lijkt me een bug in FileMaker.

 

Heb het net getest is 13 en in 14 en dan zie je:

bij inzoomen: je krijg scrollbars aan de oost en de zuidzijde van de webviewer;

bij uitzoomen: op een gegeven moment kijk je naar een postzegel met een kaartje in de linkerbovenhoek van de web-viewer.

 

Kortom op een Mac is het gemakkelijk op te lossen door in de Custom Menu's de stappen "Zoom in" en "Zoom uit" in een script te zetten en na het zoomen een re-draw te forceren, maar daar schiet je in windows niks mee op.

[menno]

Heb ff het voorbeeld aangepast met de re-draw in de CM's en dan zie je op MacOSX dat het prima werkt, maar in Windows reageert het heel raar:

ALs je in-/uitzoomt dan krijg je duidelijk het fenomeen dat jij beschrijft, maarrrr ga je in de map-lay-out naar "Setup" en weer terug "View map" dan gaat het ineens goed, totdat je de map re-drawt en is die rare lay-out weer terug (tenzij de zoomfactor 100% is)

GoogleMapsJSApi_KeyLess_zoom.fmp12

[Felix]

.

6 oktober 2015 aangepast door Gast

[menno]

Heb het net even getest op 10.8 ......... wat een idioot gedrag? Als je met FM inzoomt, dan zoomt de webviewer uit! Andersom zoom uit en de webviewer zoomt in?! Regelrechte bug lijkt me.