你可以自定义谷歌地图显示

时间:2018-03-11 02:01:37

标签: javascript css google-maps jquery-ui-map

sample image

忽略右上角的隐藏|显示栏。它存在于我为此示例抓取的图像中。

Google添加了以下内容:

  • 左下角的Google图标。
  • 右下角的文字。
  • 小黄人图标,+和 - 位于右边缘的底部。
  • 右上角的缩放图标。

是否可以通过编程方式隐藏任何或所有这些内容?

1 个答案:

答案 0 :(得分:2)

您不应该隐藏或删除徽标+版权信息,但可以使用disableDefaultUI: true删除控件。

示例:

function initMap() {
  var map = new google.maps.Map(document.getElementById('map'), {
    zoom: 4,
    center: {lat: -33, lng: 151},
    disableDefaultUI: true
  });
}

可以在此处找到更多信息:https://developers.google.com/maps/documentation/javascript/controls