Question

您好我正在搜索有关如何在适用于Gear S3的Tizen应用程序中集成GoogleMaps Api的代码，它是否真的可以或仅作为Native App？

在Tizen Studio中的模拟器上它可以工作，但是在Gear S3上它只显示测试。

到目前为止，我测试了这段代码：

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width,user-scalable=no">
<title>Circular UI</title>
<link rel="stylesheet" href="lib/tau/wearable/theme/default/tau.min.css">
<link rel="stylesheet" media="all and (-tizen-geometric-shape: circle)"
    href="lib/tau/wearable/theme/default/tau.circle.min.css">
<!-- load theme file for your application -->
<link rel="stylesheet" href="css/style.css">
</head>
<body>
    <div class="ui-page ui-page-active" id="main">


        <div id="map">test</div>


    </div>
    <script type="text/javascript" src="lib/tau/wearable/js/tau.min.js"></script>
    <script>
      var map;
      function initMap() {
        map = new google.maps.Map(document.getElementById('map'), {
          center: {lat: -34.397, lng: 150.644},
          zoom: 8
        });
      }
    </script>
    <script
        src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDdKjhStoKF6t0xxA_hFxYBmKrEb77b-nQ&callback=initMap"
        async defer></script>

</body>
</html>

Answer 1

首先，确保Tizen Web应用程序具有“位置”权限，以使用“config.xml”文件中的功能获取设备位置。

<feature name="http://tizen.org/feature/location.gps"/>
<tizen:privilege name="http://tizen.org/privilege/location"/>

下一步是使用访问策略检查Internet连接权限，请在此处查看此响应：

Not able to connect proxy in Tizen emulator

我建议你在Tizen开发者论坛上关注这篇文章：

https://developer.tizen.org/forums/web-application-development/how-use-google-maps-on-gear-s2?langswitch=en&langredirect=1

此外，本指南还详细讲述了在Tizen Web应用程序中使用Google地图。 https://developer.tizen.org/community/tip-tech/google-maps-on-tizen

Tizen on Gear S3可以在Web应用程序中调用GoogleMaps Api

1 个答案: