Javascript Tinkering with Google Maps

Jaymer

The current 8.6 implementation of Google Maps could use some help.
While it does some nice things, I need more.

Using the VP Panel (as described in the Video) one cannot specify Marker properties (color, icon, click events, hint text, etc)

Whats unclear is exactly how to use the [Script] button in the setup.
Screen Shot 2022-02-28 at 6.50.55 PM.png

I setup a listener event, which actually runs the Aware process and brings up the Form, but its running as soon as the Map displays - and there's a JS console error, because "map" is not the name of the Google Map created by Aware - so that returns undefined and for some reason the listener fires right away.
Screen Shot 2022-02-28 at 6.51.47 PM.png

This is close to whats needed, because if I knew I had 10 points on the map, I could generate the 'add listener' code and have a click on a marker bring up a details form in Aware adjacent to the map. Would be nice. But since there's no help or documentation or examples on how to do ANYTHING inside this script box.

Anyone have any clue?

Jaymer

more stuff i found out...

Screen Shot 2022-03-01 at 12.39.01 AM.png

If you are using the VP Layout method, then there is no option for a Marker Prompt/Hint text.
You can see the prompt text is set to the Location string - so its there, but something is not enabled to show it 'on click' of the marker. (although the LatLng isnt very useful to a user!)

Also, it would be nice to set this to an attribute (like Calendar uses Subject/Description) - another option in the Map setup (shown in the image in the prior post) could easily indicate the attribute containing HTML Hint text for on-click / mouseover.

There's already 'operations' code in here to run a query, show a document, start process, view/edit a record, but its not enabled from here.

Of course, its not going to be if no one speaks up and gives a damn.

aware_support

It's a bit hard to describe how to use the script. Have a look at the map.js file that comes with Aware IM (in aware_kendo directory)

The script has the "map" object in context and is called after markers have been displayed. The "map" object is the one created in map.js. This is a really advanced feature, but if you understand how map.js works, you should have no problems writing a script to tweak the map to your liking.

Jaymer

aware_support wrote
IThe script has the "map" object in context and is called after markers have been displayed. The "map" object is the one created in map.js. This is a really advanced feature, but if you understand how map.js works, you should have no problems writing a script to tweak the map to your liking.

Ahh, ok, this helps. Thank you. Didn't realize it ran with map in context - thats important to know.
I was able to hardcode a " new google.maps.Marker(c);" in and that added a point - so if I can loop thru the points that have been added, then I might be able to modify some things.

Right now, there are two major things for me to try and accomplish:
1) add a significantly larger "prompt" to the Markers to show more detail about the location. This may require a read from the database to retrieve an attribute with the formatted HTML.
2) add a "Aware.startProcess" to a Marker to display info in a content panel in the VP when a Marker is clicked.

PS: I have to refer to "this.m_map" vs "map" to add a marker or listener