jasonaalmeida / pcf_googlemapsgrid

A PCF control to render a view of records on Google Maps

PCF - Google Maps Grid

A PCF control to render a view of records on Google Maps using the location information (lat/long) againt each record.

Features

• The control uses the columns in the view to display an information window when a location marker is clicked.
• The information window also includes a configurable title that will navigate the user to the respective record
• The control also requests your current location to display the map in the correct area. Location data is not transmitted externally. You can choose to deny this permission and the map will load at lat/long 0,0.

NOTE: You will need to provide a Google Maps API Key.

Configuration

Use the following steps to configure a Google Maps Grid against a view after installing the solution

1. Add the desired columns/filters to a view. Reember to include the respective latitude and longitude fields in the view. To keep things clean, the lat/long fields are ignored when displaying the information window
2. Click the 'Custom Control' button to add the control
3. Select the 'Google Maps Grid' control
4. Control parameters (Screenshot below):
   1. Primary Field - The logical name of the primary field to be used as the title for the information window when a marker is clicked
   2. Latitude Field - The logical name of the latitude field to be used to pin point the location of a particular record
   3. Longitude Field - The logical name of the longitude field to be used to pin point the location of a particular record
   4. Google Maps API Key - The API key to allow Google Maps to load

CDS Solution

For convienence, the Releases folder contains a managed solution that can be installed on CDS.

pcf_googlemapsgrid's Issues

PCF control stopped working on canvas apps

Hi Jason
PCF control stopped working on canvas
it works fine on npm start
but once imported the google maps javascript is not being loaded, any work around?

Pins on Opportunity entity

Hi Jason,

I'm not able to show the pins on my opportunity entity and have no idea what I'm doing wrong...
Is it possible that this PCF only works on account/contact entity?
I even created the longitude & latitude fields exactly like in the account entity

And here you can see the controls I've set on the view;

And yet I see the map, but no pinpoints (and yes fields are filled in on record-level, even when I refresh it doesn't show).

Pins are not displayed until "Refresh" is hit

Hello,
first of all great piece of code. Thank you for sharing.
I installed yesterday on a Dyn 365 2020 release wave 2 instance. The pins are not displayed. I have to press Refresh on the command bar in order to see the pins. Any idea? In the link below you can find a short video of the issue.
Kind regards
Paolo
https://www.loom.com/share/5279a9a7d57e4cfbaaa295b683ba6ba7

Name field on marker not referring to the input parameter primaryFieldName

The name on the map marker does not cater for the input field primaryFieldName
title: record.getValue("name") as any
should be
let nameField: string = context.parameters.primaryFieldName.raw ? context.parameters.primaryFieldName.raw : "";
...
title: record.getValue(nameField) as any

Latitude and Longitude data type fields

Hi

I am trying to use this PCF, I can see google maps but I don't see any pin. I have already included Latitude and Longitude fields in the view, but they are a single line of text, should they be number or decimal?

New functionality

Hi Jason,

Sorry I am not reporting an issue but asking for a functionality and I didn't know how to contact you...

I am looking to display records with different pin colors depending on a specific field.
For example, my accounts are categorized (farmers, distributors, prescriptors) and I would like to display them on a map with a different color depending on the category.

Do you know if this is something that you could easily add in your project ?

Thanks in advance for your feedback.
Sebastien.