javascript - 具有缩放功能的 GMarker

标签 javascript google-maps

我已经为此苦苦挣扎了一段时间,所以我觉得还是问问大佬们比较好。

我有以下功能,我用它来创建带有一些信息的 GMarkers

 function createMarker(data, html) {
        var marker = new GMarker(new GLatLng(data.latlng.y, data.latlng.x));
        var html = "Provider: "+ data.name.data + "<br/>" +
                   "Address: " + data.address.data + "<br/>" +
                   "Phone: " + data.phone.data + "<br/>" + 
                   '<a href="javascript:zoomit(' + data.latlng.y + ',' + data.latlng.x + ')">Zoom<\/a>';
        GEvent.addListener(marker, 'click', function() {
            marker.openInfoWindowHtml(html);
        });
        return marker;
    }

如您所见,我在信息窗口中有一个缩放 map 的链接,这是我现在遇到问题的部分。我想在用户单击该链接时将 map 缩放到特定的缩放级别。

有什么想法吗?

最佳答案

我在我的 mapping project site 上执行此操作.我有一些 javascript 来做固定缩放:

function centerAndZoom (CenterLat, CenterLng)
{
    var CenterPoint = new GLatLng (CenterLat, CenterLng);
    map.setCenter(CenterPoint);
    map.setZoom (9);
}

我处理信息窗口中图像的 onClick 事件:

html += '<img height="24" onClick="centerAndZoom('+lat+','+lng+')" 
        style="cursor: pointer" src="pics/magnify_glass_small.png">'

关于javascript - 具有缩放功能的 GMarker,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1500915/

相关文章:

javascript - 如何递归地将嵌套数组转换为平面数组?

javascript - 如何使 Three.js FOV 响应高度和宽度?

javascript - 使用 JavaScript 或 JQuery 生成和附加 HTML 的干净高效的方法是什么?

javascript - 谷歌地图 - 如何更改谷歌地图信息窗口文本

android - 转弯多点路线导航 Google Maps Intent on Android

jquery - 加快Google map 的加载速度

javascript - 在 View 中固定元素位置并分组换行断点

javascript - 如何为谷歌街景 View 上的箭头提供自定义链接覆盖名称

javascript - 如何使谷歌地图上的世界地图不可见(带坐标的多边形除外)?

javascript - 在我的自定义指令中动态添加 bootstrap.ui 工具提示