Using maps via javascript

Using maps via javascript

BY 03 May 2013 Native Application Development

Hello,  I am converting a bada project that has a Web UiControl with javascript.  The code worked in bada and the web browser but not for Tizen.  Tizen gets to the loadScript function but never calls initialize.  Are the google APIs not supported on tizen or am I missing something else?

Here is the relvant java script.

 

<html>
<head>
<meta name=”viewport” content=”initial-scale=1.0, user-scalable=no” />
<style type=”text/css”>
  html { height: 100% }                                              
  body { height: 100%; margin: 0px; padding: 0px }
  #map_canvas { height: 100% }
</style>                                                        
<script type=”text/javascript”>
  var map;
  var myLatlng;               
  function initialize() {
  console.log(“initialize”);
    myLatlng = new google.maps.LatLng(35.363556, 138.730438);
    var myOptions = {
      zoom: 10,
 disableDefaultUI: true,
 disableDoubleClickZoom: true,
 draggable: false,
 keyboardShortcuts: false,
      center: myLatlng,
      mapTypeId: google.maps.MapTypeId.ROADMAP
    };
map = new google.maps.Map(document.getElementById(“map_canvas”), myOptions);
  }
  
  function loadScript() {
  console.log(“loadScript”);
    var script = document.createElement(“script”);
    script.type = “text/javascript”;
    script.src = “http://maps.googleapis.com/maps/api/js?sensor=true&callback=initialize”;
    document.body.appendChild(script);
  }  
</script>
</head>
<body onload=”loadScript()”>
  <div id=”map_canvas” style=”width:100%; height:100%”></div>
</body>
</html>
 
 
 

 

Written by
Keep Reading All Posts
Announcing the Tizen Studio 6.1 Release

BY

16 Apr 2025

Tizen Studio

Read More
Announcing the Tizen Studio 6.0 Release

BY

04 Nov 2024

Tizen Studio

Read More
Announcing the Tizen Studio 5.6 Release

BY

02 Apr 2024

Tizen Studio

Read More