javascript - jVectorMap - setFocus 错误 - jQuery

Question

据我所知，zip 中的缩小文件只是基本代码，不包含库。因此我运行了 build.sh文件，它生成了另一个缩小的文件，我已将其包含在我的脚本中。

期望:

我尝试在单击时放大标记。我有一个在事件 onMarkerClick 上运行的函数。

问题:

我看过 (2) 个不同的帖子:

• Jvector map, how to focus on a marker?

• https://github.com/bjornd/jvectormap/issues/157

两篇文章都会产生完全相同的错误。

错误:

Error: <g> attribute transform: Expected number, "scale(NaN) translate(N…". jquery.jvectormap.min.js:733

第 733 行 - this.rootElement.node.setAttribute('transform', 'scale('+scale+') translate('+transX+', '+transY+')');

显然+scale+不是数字 (NaN)

Answer 1

我遇到了很多错误，但最终缩小了范围。首先我以为c有markers[c].latitude和markers[c].longitude，但事实并非如此。下一个错误是没有将配置传递给 setFocus 函数

        onMarkerClick: function (e, c) {
             setFocusLatLng(5, markers[c].latLng[0], markers[c].latLng[1]);
        }

// sets focus on marker clicked
function setFocusLatLng(scale, lat, lng) {
    var mapObj = $('#map').vectorMap('get', 'mapObject');

    var config = {
        animate: true,
        lat: lat,
        lng: lng,
        scale: scale
    }

    mapObj.setFocus(config)
}

<小时/>

更新:

如果您需要平移回完整 map 并将焦点设置在 map 中心:

// sets focus on center of map and zooms back out to full view
function setFocusMapCenter() {
    var mapObj = $('#map').vectorMap('get', 'mapObject'),
        center = mapObj.pointToLatLng(mapObj.width / 2, mapObj.height / 2);

    var config = {
        animate: true,
        lat: center.lat,
        lng: center.lng,
        scale: 1
    }

    mapObj.setFocus(config)
}