如何将标记弹出/工具提示的位置更改为左或右?

时间:2017-11-18 13:37:41

标签: google-maps google-maps-api-3

enter image description here

TOP位置的标记显示。 我们如何在左侧或右侧位置显示?

这是我的代码,请检查一下。

  <script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?v=3&amp;sensor=false"></script>
<script type="text/javascript" src="markerwithlabel.js"></script>
<script type="text/javascript">
  function initMap() {
    var locations = [
      ['Manly Beach', -33.800, 151.287, 'BMW-4', 'marker_blue.png'],
      ['Maroubra Beach', -33.950198, 151.259302, 'BMW-5', 'default_marker.png']
    ];
    var latLng = new google.maps.LatLng(-33.92, 151.25);
    var map = new google.maps.Map(document.getElementById('map_canvas'), {
      zoom: 12,
      center: latLng,
      mapTypeId: google.maps.MapTypeId.ROADMAP
    });
    var infowindow = new google.maps.InfoWindow();
    for (i = 0; i < locations.length; i++) {
      var marker1 = new MarkerWithLabel({
        position: new google.maps.LatLng(locations[i][1], locations[i][2]),
        map: map, labelContent: locations[i][3], labelAnchor: new google.maps.Point(22, 0),
        labelClass: "labels", labelStyle: {opacity: 0.75}, icon: locations[i][4]
      });
      google.maps.event.addListener(marker1, 'click', (function(marker, i) {
        return function() {
          infowindow.setContent(locations[i][0]);
          infowindow.open(map, marker);
        }
      })(marker1, i));
    }
  }
</script>

1 个答案:

答案 0 :(得分:1)

您正在谈论 Google Maps Javascript API Info Windows 。目前,您无法更改信息窗口的位置。但是,您可以通过各种方式设置/自定义信息窗口。您可以使用 InfoBubble 5 ways to customize Google Maps InfoWindow

您可以查看此帖 Styling Google Maps InfoWindow

您可以在 Google Public Issue Tracker 处申请功能请求。请提供有关此请求的足够详细信息。

  

问题跟踪器是Google内部用于跟踪错误的工具   产品开发期间的功能请求。它在外面可用   谷歌供外部公众和合作伙伴用户使用   与Google团队就特定项目进行协作。

要了解详情,您可以查看 Issue Tracker

希望它有所帮助!