How to use google api key in visualforce
Updated 14 October 2025
This blog describes about, how to use google api key in visualforce in salesforce. API key act as both a unique identifier and a secret token for authentication.
Creating the API key
1) Go to the given link https://console.developers.google.com
2) Click Credentials
3) Click Create credentials
Using API key in visualforce
You can refer to the following code for understanding how to use google api in visualforce:
<apex:page applyHtmlTag="false" applyBodyTag="false" docType="html-5.0" showHeader="false" standardStylesheets="false">
<!--
/**
* Webkul Software.
*
* @category Webkul
* @author Webkul
* @copyright Copyright (c) 2010-2016 Webkul Software Private Limited (https://webkul.com)
* @license https://store.webkul.com/license.html
*/
-->
<html xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" lang="en">
<head>
<title>Simple Map</title>
<meta name="viewport" content="initial-scale=1.0">
<meta charset="utf-8">
<style>
html, body {
height: 100%;
margin: 0;
padding: 0;
}
#delhi {
height: 100%;
}
</style>
</head>
<body>
<div id="delhi"></div>
<script>
var delhi;
function initMap() {
delhi = new google.maps.Map(document.getElementById('delhi'), {
center: {lat: 28.6139, lng: 77.2090},
zoom: 8
});
}
</script>
<script src="https://maps.googleapis.com/maps/api/js?key=Your_API_Key&callback=initMap" async="true" defer="true"></script>
</body>
</html>
</apex:page>
Output:
Support
That’s all for how to use api key in visualforce, still have any issue feel free to add a ticket and let us know your views to make the code better https://webkul.uvdesk.com/en/customer/create-ticket/
Read More: How to run REST API through Workbench Salesforce
. . .
1 comments