Javascript 我怎样才能使谷歌地图图标在点击时始终显示在地图中心?
为了简单起见,让我们在Econym的站点上使用XML示例 单击后,我希望图标气球显示在地图的中间 我需要在Mike的代码中添加什么才能让它正常工作?我很抱歉问了这么多 提前谢谢Javascript 我怎样才能使谷歌地图图标在点击时始终显示在地图中心?,javascript,html,google-maps,Javascript,Html,Google Maps,为了简单起见,让我们在Econym的站点上使用XML示例 单击后,我希望图标气球显示在地图的中间 我需要在Mike的代码中添加什么才能让它正常工作?我很抱歉问了这么多 提前谢谢 <script type="text/javascript"> //<![CDATA[ if (GBrowserIsCompatible()) { side_bar var side_bar_html = ""; var gmarkers = [];
<script type="text/javascript">
//<![CDATA[
if (GBrowserIsCompatible()) {
side_bar
var side_bar_html = "";
var gmarkers = [];
function createMarker(point,name,html) {
var marker = new GMarker(point);
GEvent.addListener(marker, "click", function() {
marker.openInfoWindowHtml(html);
});
gmarkers.push(marker);
side_bar_html += '<a href="javascript:myclick(' + (gmarkers.length-1) + ')">' + name + '<\/a><br>';
return marker;
}
function myclick(i) {
GEvent.trigger(gmarkers[i], "click");
}
var map = new GMap2(document.getElementById("map"));
map.addControl(new GLargeMapControl());
map.addControl(new GMapTypeControl());
map.setCenter(new GLatLng( 43.907787,-79.359741), 9);
GDownloadUrl("example.xml", function(doc) {
var xmlDoc = GXml.parse(doc);
var markers = xmlDoc.documentElement.getElementsByTagName("marker");
for (var i = 0; i < markers.length; i++) {
// obtain the attribues of each marker
var lat = parseFloat(markers[i].getAttribute("lat"));
var lng = parseFloat(markers[i].getAttribute("lng"));
var point = new GLatLng(lat,lng);
var html = markers[i].getAttribute("html");
var label = markers[i].getAttribute("label");
var marker = createMarker(point,label,html);
map.addOverlay(marker);
}
document.getElementById("side_bar").innerHTML = side_bar_html;
});
}
else {
alert("Sorry, the Google Maps API is not compatible with this browser");
}
//]]>
</script>
//
您希望使用的是GMap2.setCenter()
()函数
因此,您应该能够按如下方式使用它:
GEvent.addListener(marker, "click", function() {
marker.openInfoWindowHtml( html );
map.setCenter( marker.getLatLng() );
});
当然,您可以根据自己的喜好更改这些操作的顺序。不相关,但是,有一个提示:当页面被解析为text/html时,不要将XHTML作为text/html发送,也不要使用CDATA。谢谢!我尝试了许多不同的方法/功能,但仍然无法使其与示例一起工作。任何进一步的想法都会很棒。