Title: Adding google maps java api to page
Last modified: August 30, 2016

---

# Adding google maps java api to page

 *  [jordanham](https://wordpress.org/support/users/jordanham/)
 * (@jordanham)
 * [10 years, 11 months ago](https://wordpress.org/support/topic/adding-google-maps-java-api-to-page/)
 * Hello everyone, I am trying to add a google maps map to my page.
 * I followed the instructions here:
    [https://developers.google.com/maps/documentation/javascript/tutorial](https://developers.google.com/maps/documentation/javascript/tutorial)
 *     ```
       <!DOCTYPE html>
       <html>
         <head>
           <style type="text/css">
             html, body, #map-canvas { height: 100%; margin: 0; padding: 0;}
           </style>
           <script type="text/javascript"
             src="https://maps.googleapis.com/maps/api/js?key=API_KEY">
           </script>
           <script type="text/javascript">
             function initialize() {
               var mapOptions = {
                 center: { lat: -34.397, lng: 150.644},
                 zoom: 8
               };
               var map = new google.maps.Map(document.getElementById('map-canvas'),
                   mapOptions);
             }
             google.maps.event.addDomListener(window, 'load', initialize);
           </script>
         </head>
         <body>
       <div id="map-canvas"></div>
         </body>
       </html>
       ```
   
 * I have my own API and all that but when I try and add this to a page, I do not
   get anything. It is just blank. Any ideas? I am struggling.

Viewing 1 replies (of 1 total)

 *  [Gagan Deep Singh](https://wordpress.org/support/users/gagan0123/)
 * (@gagan0123)
 * [10 years, 10 months ago](https://wordpress.org/support/topic/adding-google-maps-java-api-to-page/#post-6207520)
 * jordanham
 * Have you tried replacing the API_KEY with the API Key provided to you by google?

Viewing 1 replies (of 1 total)

The topic ‘Adding google maps java api to page’ is closed to new replies.

## Tags

 * [api](https://wordpress.org/support/topic-tag/api/)

 * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 1 reply
 * 2 participants
 * Last reply from: [Gagan Deep Singh](https://wordpress.org/support/users/gagan0123/)
 * Last activity: [10 years, 10 months ago](https://wordpress.org/support/topic/adding-google-maps-java-api-to-page/#post-6207520)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics
