Google Maps : Getting ready with Google Maps JavaScript API v3

Google Maps API enables us to seemly integrate Google Maps with external Web Applications.

This post focuses on getting ready with Google Maps JavaScript API creation, activation and monitoring.

 Console Home:

Initially we need to create a Project, enable it and get a API Key to access it.

Go to Google Maps JavaScript API Doc page here.

Click on "Get A Key", you would be provided with a popup as shown below, choose "Continue".


That would take us to google dev console page, requesting us to create a New Project or choose from Existing ones, make a choice and move futher.





Post that you would require to create a Server Key as ADF applications deploy to WebServer, so Choose "Server Key" from API Key.





Give some meaningful name, and any domain details for restrictions and you are done.


Note: The Google Maps API is free for commercial use, provided that the site on which it is being used is publicly accessible and does not charge for access, and is not generating more than 25 000 map accesses a day.

You may monitor Usage and Quota from API Manager Overview of the dev console.

Comments

Post a Comment

Popular posts from this blog

Oracle ADF: Add a Favicon to Page, Page Template

Image
A favicon, also known as a web site icon, tab icon or bookmark icon, most commonly 16×16 pixels, associated with a particular Web site or Web page. Resources used -           Jdeveloper IDE   (11.1.2.3.0) -           Internet Explorer 10 (10.0.9200.16384) So, how to implement this in Oracle ADF? It’s simple, take a breath there! Ø   Create an ADF Application Ø   Place the favicon image (e.g. used in POC – flower_blue.ico) in the Web Content Root location as depicted in the image below. (FaviconViewController\public_html). For supported image file formats check http://en.wikipedia.org/wiki/Favicon#File_format_support Ø   Set “ smallIconSource ” value equal to “ /flower_blue.ico   ” under Appearance of af:document tag.     Image - 1 Ø   Set the Java EE Application web context root to “ / ” as...
Read more

Oracle ADF : Dynamic Regions

Image
A good web design should consider the following aspects Page boot-up/ load speed Visually attractive appeal Quicker navigation The first two aspects largely deal with the amount of  picturesque content, styling & UI approach taken. In this post, I am going to deal with "In-Page" Navigation. The above approach helps to keep the end user engaged still being on the same page. So, the question here is, how to achieve it? Oracle ADF provides Regions & Dynamic regions to achieve this. A region is a section of the page that renders, so if we are ought to achieve dynamic updation of region, we need to implement Dynamic Regions - an ADF region where the task flow binding dynamically determines the value of its taskFlowId attribute at runtime. Hope you got the theory, let's check it out... Create an adf application (For the demo sake, I have developed based on static content, not related to any data bound components). Considering the work space s...
Read more

Oracle ADF : Working with Parameters

Image
Parameters accept and store values and can be very helpful in ADF applications. There are many types of parameters as visualized below. To demonstrate the above scenario let’s develop a ADF application, Scenario: Lets have 3 buttons on a page & on press of each button renders different page fragments by passing the parameters as depicted in above pic. Ø   Create a JSPX page – “Index.jspx” with no bindings, add 3 buttons with action listeners respectively with each action listener having a unique value, say first button has the following value   #{‘a’} stored to #{requestScope.ClickRec}, i.e this translates to ClickRec of requestScope variable storing a value – ‘a’ on clicking first button in laymen’s terms. Ø   As the components on page is not bound to any data controls, no data bindings is created dynamically, so update this by right clicking on the page & create Page Definition and accept the defaults. Ø   Naviga...
Read more