Question

我有以下页面： http://www.skimmydiscs.co.uk/find-your-nearest-service-centre/ 这允许你搜索车库 - 例如，放入斯卡伯勒，你得到一个列表，选择第一个位置，地图重绘显示几个地方标记。点击标记会显示一个气球。我不知道如何设置气球的大小，弹出400宽，至少300高..... 这是该页面上的代码：

  <script type="text/javascript">
  function initialize() {
   var kmlfile = "http://www.skimmydiscs.co.uk/SMD_Data.kml?"+(new Date()).valueOf();
    var mapOptions = {
      center: new google.maps.LatLng(54.75,-3.5),
      zoom: 5,
      mapTypeId: google.maps.MapTypeId.ROADMAP
    };
    var map = new google.maps.Map(document.getElementById('map_canvas'),mapOptions);
    var input = document.getElementById('searchTextField');
    var autocomplete = new google.maps.places.Autocomplete(input);
    autocomplete.bindTo('bounds', map);
    var infowindow = new google.maps.InfoWindow();

// Action the Event Listener, zoom in and put the kml layer in place
    google.maps.event.addListener(autocomplete, 'place_changed', function() {
      var place = autocomplete.getPlace();
      if (place.geometry.viewport) {
        map.fitBounds(place.geometry.viewport); 
//add the layer
   var ctaLayer = new google.maps.KmlLayer(kmlfile,{preserveViewport: true});
   ctaLayer.setMap(map);

      } else {
        map.setCenter(place.geometry.location);
        map.setZoom(10); 
      }

    });


    //setupClickListener('changetype-all', []);
    //setupClickListener('changetype-establishment', ['establishment']);
    //setupClickListener('changetype-geocode', ['geocode']);
  }
  google.maps.event.addDomListener(window, 'load', initialize);
</script>

我需要指导， - 任何非常感谢的帮助。

感谢安迪

Answer 1

在我看来，气球开放例程是“内置”到谷歌地图的KML图层功能，所以我建议这两个黑客：

1，很难）使用GeoXML3允许单独的KML元素操作，如下所述：http://code.google.com/p/geoxml3/wiki/Usage

2，丑陋）编辑SMD_Data.kml文件中的文本，添加一些换行符<br><br>以人工强制气球变大，或者空白间隔图像

在Google Maps API中格式化气球

1 个答案: