GMap error

valkie · 15 Sep 2016, 23:31

I have no clue why the simplest google map is not working on my page

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui"
      xmlns:c="http://java.sun.com/jsp/jstl/core"> 
	<ui:composition template="/templates/main.xhtml">
	<ui:define name="body">
	<h:head>
		<script src="http://maps.google.com/maps/api/js?sensor=false" 
              type="text/javascript"></script>
	</h:head>
	<h:form>  
	    <p:growl id="messages" showDetail="true" life="2000" />
	 	<p:panel>
	 		<p:gmap id="gmap" center="41.381542, 2.122893" zoom="15" type="ROADMAP" style="width:100%;height:400px">
	    </p:gmap>
	 	</p:panel>
	    
	</h:form>
	</ui:define>
	</ui:composition>
</html>

It does show the map for some seconds, then appears the message "Oops! Something went wrong".
I tried adding the key in

Code: Select all

<script src="https://maps.googleapis.com/maps/api/js?key= MY_API_KEY" type="text/javascript"></script>

but i just get the same output. Javascript console shows:

Prefixed Fullscreen API is deprecated. Please use unprefixed API for fullscreen. For more help https://developer.mozilla.org/en-US/doc ... screen_API controls.js:23:54
"Google Maps API error: MissingKeyMapError https://developers.google.com/maps/docu ... -map-error" js:34:391
"Google Maps API warning: NoApiKeys https://developers.google.com/maps/docu ... o-api-keys" util.js:208:12
"Google Maps API warning: SensorNotRequired https://developers.google.com/maps/docu ... t-required" util.js:208:12

So did something changed with google maps api? or im getting something wrong? Im using primefaces 5.0, jboss 6.1.0

GMap error

Who is online