时间戳

首页 > 解决方案 > 我们如何在 Tizen 可穿戴设备中显示谷歌地图

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

问题描述

我正在尝试在我的Gear S3 Frontier, Tizen 4.0. 我得到以下输出：

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

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

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

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

标签： javascriptgoogle-mapstizen

解决方案

您可以disableDefaultUI:true在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>

推荐阅读