我们如何在 Tizen 可穿戴设备中显示 Google 地图

Question

我正在尝试在我的 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
    });        
}

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

Answer 1

您可以使用 disableDefaultUI:true in the MapOptions

删除它们

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);

代码片段：

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>

我们如何在 Tizen 可穿戴设备中显示 Google 地图

How do we show Google Maps in Tizen Wearable Devices

javascript

google-maps

tizen