Sitecore : Habitat MapField Issue

Sitecore Habitat provides MapField to setup location related information. From July 2018 Google has deprecated keyless usage as well as their pricing model. Below the actual error when configuring MapField in Sitecore Habitat. Due to this issue Forward and Reverse Geocoding and Google Map is not displaying in Sitecore.

Google Cloud Platform Portal Check

Before applying the solution. Please check your Google Cloud Platform Portal (https://console.cloud.google.com/google/maps-apis/overview) to check enabled applications under Google API. Please refer below image –

Steps to enable MapField in Sitecore

1. Modify XML file

   Path: src\Feature\Maps\code\Sitecore\Shell\Applications\Content Manager\Dialogs\Maps

   File Name: MapLocationPickerDialog.xml

   Change: Removed “Key=Google API Key” and appended Querystring with Google API Key value. Please refer below image –

   

2. Modify Javascript file

   Path: src\Feature\Maps\code\Scripts\Maps

   File Name: map.js

   Change: Updated Google API Key in data-key attribute. Please refer below image –

   

3. Modify CS file

   Path: src\Feature\Maps\code\Sitecore\Shell\Applications\ContentEditor\FieldTypes

   File Name: MAPField.cs

   Change: Add Google API key in GetMapImageUrl function. Please refer below image –

   

   Hope this is helpful. Happy Coding.

If you still facing any issue regarding the sitecore habitat mapfield, connect with sitecore development team or just simply Mail us at info@addact.net.

Mitesh Patel - Technical Head - ADDACT

Sitecore || XMCloud || OrderCloud Certified

Mitesh, a distinguished Technical Head at Addact/Addxp, is a prominent figure in Sitecore/XMCloud/OrderCloud certified writing. From Sitecore XM Cloud Developer Certification to Sitecore 10 .NET Developer Certification and Sitecore OrderCloud Certification, Mitesh's expertise is unparalleled. Mitesh is not only a skilled Sitecore CMS developer but also a 12+ years experienced software engineer proficient in various technologies such as MVC, ASP.Net, C#, jQuery, and Azure cloud/AWS.