我们如何在 Tizen 可穿戴设备中显示谷歌地图答案

【问题标题】：How do we show Google Maps in Tizen Wearable Devices我们如何在 Tizen 可穿戴设备中显示谷歌地图
【发布时间】：2020-02-22 17:40:31
【问题描述】：

我正在尝试在我的Gear S3 Frontier, Tizen 4.0 上显示 Google 地图。我得到以下输出：

我希望所有这些按钮（例如卫星、放大和缩小等）都适合屏幕。

到目前为止，这是我的代码：

 function initMap() {
    var currPosition = {
        lat: 33.6169854124275,
        lng: 73.0656100279796
    };
    var mapProperties = {
        // Start position
        center: currPosition,
        zoom: 15,
        mapTypeId: google.maps.MapTypeId.ROADMAP
    };

    var myMap = new google.maps.Map(document.getElementById("mapCanvas"), mapProperties);
    var marker = new google.maps.Marker({
        position: currPosition,
        map: myMap
    });        
}

网络搜索展示了我绘制圆形和多边形等的多种方法，但我找不到任何将地图适合圆形屏幕的方法

【问题讨论】：

根据TOS - 8.5 专有权利声明。您不会删除、隐藏或更改通过服务显示或提供的任何所有权声明（包括版权和商标声明、使用条款链接或品牌特征）。 - 您的实施会掩盖所有所有权声明。

标签： javascript google-maps tizen

【解决方案1】：

您可以在MapOptions 中使用disableDefaultUI:true 删除它们

var mapProperties = {
    // Start position
    center: currPosition,
    zoom: 15,
    mapTypeId: google.maps.MapTypeId.ROADMAP,
    disableDefaultUI:true
};

var myMap = new google.maps.Map(document.getElementById("mapCanvas"), mapProperties);

代码 sn-p：

function initMap() {
  var currPosition = {
    lat: 33.6169854124275,
    lng: 73.0656100279796
  };
  var mapProperties = {
    // Start position
    center: currPosition,
    zoom: 15,
    mapTypeId: google.maps.MapTypeId.ROADMAP,
    disableDefaultUI: true
  };

  var myMap = new google.maps.Map(document.getElementById("mapCanvas"), mapProperties);
  var marker = new google.maps.Marker({
    position: currPosition,
    map: myMap
  });
}

html,
body,
#mapCanvas {
  height: 100%;
  margin: 0;
  padding: 0;
}

<div id="mapCanvas"></div>
<!-- Replace the value of the key parameter with your own API key. -->
<script async defer src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCkUOdZ5y7hMm0yrcCQoCvLwzdM6M8s5qk&callback=initMap">
</script>

【讨论】：