Android版谷歌地图SDK标签

Question

我想在地图上的某些地方贴上我自己的自定义标签，例如下面的图片，其中有与位置标记无关的Albert Park Lake的文本。这是我想要做的一个例子，因为我正在设计一个具有多个区域的应用程序，我想将这些区域的名称放在地图上，这些区域的名称只能在某些缩放级别下可见，以确保用户查看时没有混乱。我尝试过放置标记，但发现标记顶部的文本看起来很糟糕，我必须编写一个函数来调整缩放级别的文本可见性，以处理屏幕上许多人的混乱一次。

Jordan Smith干杯

Answer 1

以下是您可以尝试的几件事：

function initMap() {
  const uluru = { lat: -25.363, lng: 131.044 };
  const map = new google.maps.Map(document.getElementById("map"), {
    zoom: 4,
    center: uluru,
  });
  const contentString ="lalala";
  const infowindow = new google.maps.InfoWindow({
    content: contentString,
  });
  const infowindow2 = new google.maps.InfoWindow({
    content: contentString,
  });
  const marker = new google.maps.Marker({
    position: uluru,
    map,
    title: "Uluru (Ayers Rock)",
  });
  const marker2 = new google.maps.Marker({
    position: { lat: -20.363, lng: 130.044 },
    map,
    title: "Uluru (Ayers Rock)",
  });
    infowindow.open(map, marker);
    infowindow2.open(map, marker2);
}

js prettyprint-override">function createMarker() {
  var canvas, context;
  canvas = document.createElement("canvas");
  return canvas.toDataURL();
}

var map = new google.maps.Map(document.getElementById("map_canvas"), {
  zoom: 13,
  center: new google.maps.LatLng(56.1304, -106.3468),
  mapTypeId: google.maps.MapTypeId.ROADMAP
});

var marker = new google.maps.Marker({
  position: new google.maps.LatLng(56.1304, -106.3468),
  map: map,
  icon: {
    url: createMarker()
  },
  label: {
    text: 'My Place',
    color: '#000',
    fontSize: '14px',
    fontWeight: 'bold'
  }
});
var marker2 = new google.maps.Marker({
  position: new google.maps.LatLng(56.1204, -106.3468),
  map: map,
  icon: {
    url: createMarker()
  },
  label: {
    text: 'My Place2',
    color: '#000',
    fontSize: '14px',
    fontWeight: 'bold'
  }
});

Answer 2

我建议将您要设置的文本转换为位图图像并将此位图设置为自定义标记，如果您想知道如何将文本转换为位图，您可能会发现这个问题很有用。