Javascript 谷歌地图&x27；结果偏离中心

我正在为一个页面添加地图，但地图总是偏离给定坐标的中心。一个有趣的额外信息可能是相关的，越远（缩小），差异越大。我已经对其他线程做了一些研究，发现很多线程建议使用

map.getCenter（）

，但要么这不是解决方案，要么我误用了，因为它不起作用

这是我正在使用的代码（无耻地使用了谷歌地图教程）：

函数初始化（）{
var mapCanvas=document.getElementById（'map'）；
变量映射选项={
中心：新的google.maps.LatLng（'lat'，'lng'），
缩放：20，
mapTypeId:google.maps.mapTypeId.ROADMAP
}
var map=new google.maps.map（mapCanvas，mapOptions）；
}
google.maps.event.addDomListener（窗口“加载”，初始化）；

由于我在

display:none

div上创建地图，所以我还使用

google.maps.event.trigger（地图“resize”）在我的页面中修复“左上角”错误。请注意，我的问题与此无关，但我了解到调整大小解决方案可能会导致错位，因此我认为这可能是相关的

这是非常重要的地图是在中心，因为我试图参考一个非常小的地区。我应该将
map.getCenter（）
放在哪里，或者有更好的解决方案吗

非常感谢您提供的任何输入。
您的lat和long值的小数位数是多少？如果缩小会增加差异，我认为您需要更精确的浮点值（我通常使用7位小数，这是地理编码API提供的）。
下面的示例演示了如何在调整地图大小时保留原始中心，在触发
idle
事件时设置地图中心

示例


函数初始化（）{
var centerLatLng=新的google.maps.LatLng（60.169621,24.952265）；
var map=new google.maps.map（document.getElementById（'map'）{
中心：中心板条，
缩放：19
});
google.maps.event.addListener（映射，'idle'，函数（事件）{
map.setCenter（centerLatLng）；//强制设置原始中心位置
});
}
google.maps.event.addDomListener（窗口“加载”，初始化）
html，正文{
身高：100%；
保证金：0；
填充：0；
}
#地图{
身高：100%；
}
根据你的建议，在获得非常集中的视图后，我将小数点从4增加到了7。我使用基本谷歌地图作为参考。遗憾的是，它仍然离中心大约100英尺。请提供一个例子来说明这个问题。
<script src="https://maps.googleapis.com/maps/api/js"></script>
<script>
    function initialize() {
        var mapCanvas = document.getElementById('map');
        var mapOptions = {
          center: new google.maps.LatLng('lat', 'lng'),
          zoom: 20,
          mapTypeId: google.maps.MapTypeId.ROADMAP
        }
        var map = new google.maps.Map(mapCanvas, mapOptions);
    }
    google.maps.event.addDomListener(window, 'load', initialize);
</script>