Javascript 视网膜上的谷歌地图分幅显示不正确

我正在使用GoogleMapsAPI的V3来显示带有几个标记的地图。在非视网膜设备上一切正常，但在视网膜设备上，瓷砖扭曲，使其看起来像标记显示在错误的位置

非视网膜屏幕截图（正确）

视网膜截图（不正确）

代码如下：

    jQuery(function($) {
      // Asynchronously Load the map API
      var script = document.createElement('script');
      script.src = "https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false&callback=initialize_map&key=<?php echo GOOGLE_MAPS_API_KEY; ?>";
      document.body.appendChild(script);
    });

    function initialize_map() {
      var map;
      var bounds = new google.maps.LatLngBounds();
      var mapOptions = {
        mapTypeId: 'roadmap'
      };

      // Display a map on the page
      map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions);

      var markers = [['Dublin Ohio', 40.09316, -83.13382000000001], ['Boston, Massachusetts 02135', 42.340233, -71.15995900000001]];
      var infoWindowContent = [['<div class="info_content"><h5>Dublin</h5><p>Description here</p></div>'], ['<div class="info_content"><h5>Boston</h5><p>Description here</p></div>']];

      // Display multiple markers on a map
      var infoWindow = new google.maps.InfoWindow(),
          marker, i;

      // Loop through our array of markers & place each one on the map
      for (i = 0; i < markers.length; i++) {
        var position = new google.maps.LatLng(markers[i][1], markers[i][2]);
        bounds.extend(position);
        marker = new google.maps.Marker({
          position: position,
          map: map,
          title: markers[i][0]
        });

        // Allow each marker to have an info window
        google.maps.event.addListener(marker, 'click', (function(marker, i) {
          return function() {
            infoWindow.setContent(infoWindowContent[i][0]);
            infoWindow.open(map, marker);
          }
        })(marker, i));

        // Automatically center the map fitting all markers on the screen
        map.fitBounds(bounds);
      }
    }

jQuery（函数（$）{
//异步加载映射API
var script=document.createElement（'script'）；
script.src=”https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false&callback=initialize_map&key=";
document.body.appendChild（脚本）；
});
函数初始化_映射（）{
var映射；
var bounds=new google.maps.LatLngBounds（）；
变量映射选项={
mapTypeId:“路线图”
};
//在页面上显示地图
map=new google.maps.map（document.getElementById（“map_canvas”），mapOptions）；
var markers=[['俄亥俄州都柏林'，40.09316，-83.133820000001]，'马萨诸塞州波士顿02135'，42.340233，-71.15995900000001]；
var infoWindowContent=[['Dublin此处描述
']，['Boston此处描述
']；
//在地图上显示多个标记
var infoWindow=new google.maps.infoWindow（），
马克，我；
//在我们的标记阵列中循环并将每个标记放置在地图上
对于（i=0；i

答案是明确使用谷歌地图3.0版而不是3.exp.

您是否必须为图像添加一个特定选项，以便以正确的@2x分辨率显示视网膜显示器？否。当我将api版本从

v=3.exp

更改为

v=3.0