Languages

Menu
Sites
Language
Google Map doesn't appear

Hi, i used google maps in may application but it doesn't appear both on the Tizen web application and on the tizen web simulator application, i imported "<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?key=AIzaSyDdKjhStoKF6t0xxA_hFxYBmKrEb77b-nQ&sensor=true"></script>" and added on the config.xml :  <access origin="http://googleapis.com" subdomains="true"></access>

    <access origin="http://gstatic.com" subdomains="true"></access>
    <access origin="http://google.com" subdomains="true"></access>
    <access origin="http://maps.googleapis.com/maps/api/" subdomains="true"></access>
and it doesn't work too. 
Anyone have an idea about that?
 
Thank you
Edited by: Brock Boland on 17 Mar, 2014 Reason: Paragraph tags added automatically from tizen_format_fix module.
List

Responses

2 Replies
youngsik yoon
please refer to https://developer.tizen.org/documentation/articles/google-maps-on-tizen
talari praveen kumar
Hi Wiem please try the below code add this in head tag, <script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false&libraries=places&key=AIzaSyDfHReCiylC7ag7zY25rsiiDqPHlR41U18"></script> <div data-role="content"> <div id="map_canvas"/></div> </div> in config.xml file add "*" in access tab js code: function initialize() { console.log("inside intialize"); var mapOptions = { center: new google.maps.LatLng(-34.397, 150.644), zoom: 8, mapTypeId: google.maps.MapTypeId.ROADMAP }; var map = new google.maps.Map(document.getElementById('map_canvas'), mapOptions); } google.maps.event.addDomListener(window, 'load', initialize);