2017-04-25 21 views
0

我正在使用kml文件在Google地图上显示位置。我想放大标记位置,同时点击标记。这里是我的KML层代码,如何在kml中放大标记的位置

function initMap() { 
    map = new google.maps.Map(document.getElementById('map'), { 
     center: new google.maps.LatLng(11.024747, 76.898037), 
     zoom: 2, 
     mapTypeId: 'terrain' 
    }); 

    var kmlLayer = new google.maps.KmlLayer(src, { 
     suppressInfoWindows: true, 
     preserveViewport: false, 
     map: map 
    }); 



    kmlLayer.addListener('click', function(event) { 
     var content = event.featureData.infoWindowHtml; 
     var testimonial = document.getElementById('capture'); 
     testimonial.innerHTML = content; 
    }); 
    } 

请帮我

回答

1

你可以放大到点击使用event.latLng和手动设置缩放级别经纬度。

kmlLayer.addListener('click', function(event) { 

    map.setCenter(event.latLng); 
    map.setZoom(20) 

    var content = event.featureData.infoWindowHtml; 
    var testimonial = document.getElementById('capture'); 
    testimonial.innerHTML = content; 
    }); 

详情请见小提琴 - >https://jsfiddle.net/Rohith_KP/mcwzh4an/1/

+0

这是工作。感谢您的支持 。我有另一个疑问。如何在鼠标移动到特定标记时制作一个简单的弹出窗口来显示该地点的信息? – Nisanth

+0

@Nisanth你可以使用[infoWindow](https://developers.google.com/maps/documentation/javascript/infowindows)来显示该弹出窗口。 – Ninjaneer

+0

另请参阅[this](https://developers.google.com/maps/documentation/javascript/examples/layer-kml-features),如果您想在不同的地方展示 – Ninjaneer

相关问题