How to launch maps on another screen?

How to launch maps on another screen?

BY 25 Sep 2016 Web Application Development

Hi there! I can’t display Google maps on another screen. Google maps working perfectly as main screen. But if I want to launch file with maps, I get black screen. This is my maps file:

<!DOCTYPE html>
<html>
<head>
     <meta name="viewport" content="width=device-width, user-scalable=no"/>
	<title>Maps</title>
	<script src="http://maps.googleapis.com/maps/api/js"></script>
	<script>function initialize() {
  var mapProp = {
    // Start position
    center:new google.maps.LatLng(55.755826,37.6173),
    zoom:15,
    disableDefaultUI: true,
    mapTypeId:google.maps.MapTypeId.ROADMAP
  };

  var map=new google.maps.Map(document.getElementById("googleMap"), mapProp);
    var marker = new google.maps.Marker({map: map,position: new google.maps.LatLng(55.755826,37.6173)});
   
}

google.maps.event.addDomListener(window, 'load', initialize);</script>
</head>
<body>
    <div class="ui-page">
 
 <div id="googleMap" style="width:360px;height:360px;"></div>
       
       
    </div>
	<script type="text/javascript" src="../../lib/tau/wearable/js/tau.min.js"></script>
</body>
</html>

And my config:

<?xml version="1.0" encoding="UTF-8"?>
<widget xmlns="http://www.w3.org/ns/widgets" xmlns:tizen="http://tizen.org/ns/widgets" id="http://yourdomain/App_Name" version="1.0.0" viewmodes="fullscreen">
    <access origin="../googleapis.com" subdomains="true"></access>
    <access origin="../gstatic.com" subdomains="true"></access>
    <access origin="../google.com" subdomains="true"></access>
    <access origin="google.com" subdomains="true"></access>
    <access origin="maps.google.com" subdomains="true"></access>
    <access origin="googlemaps.com" subdomains="true"></access>
    <access origin="http://maps.googleapis.com/maps/api/js" subdomains="true"></access>
    <access origin="http://maps.googleapis.com" subdomains="true"></access>
    <access origin="../http://maps.googleapis.com/maps/api/js" subdomains="true"></access>
    <access origin="../http://maps.googleapis.com" subdomains="true"></access>
    <access origin="../../maps.googleapis.com/maps/api/js" subdomains="true"></access>
    <access origin="../../maps.googleapis.com" subdomains="true"></access>
    <access origin="http://googleapis.com" subdomains="true"></access>
    <access origin="http://googleapis.com" subdomains="true"></access>
   
    <tizen:application id="gwyMQKe9B8.App_Name" package="gwyMQKe9B8" required_version="2.3.1"/>
    <content src="index.html"/>
    <feature name="http://tizen.org/feature/screen.size.normal"/>
    <feature name="http://tizen.org/feature/network.internet"/>
    <feature name="http://tizen.org/feature/web.service"/>
    <feature name="http://tizen.org/feature/websetting"/>
    <feature name="http://tizen.org/feature/location.batch"/>
    <feature name="http://tizen.org/feature/location.gps"/>
    <icon src="logo.jpg"/>
    <name>App_Name</name>
    <tizen:privilege name="http://tizen.org/privilege/location"/>
    <tizen:privilege name="http://tizen.org/privilege/application.launch"/>
    <tizen:privilege name="http://tizen.org/privilege/filesystem.read"/>
    <tizen:privilege name="http://tizen.org/privilege/internet"/>
    <tizen:profile name="wearable"/>
    <tizen:setting hwkey-event="enable"/>
</widget>

Hope you will help me. Thank you in advance!

Written by