Javascript 传单，指向更近的don'；不出现

我一直在使用传单和Tabletop.js。其主要思想是将所有数据放在谷歌电子表格中，使用桌面读取这些数据，然后显示在传单上。几乎可以，除了一个问题：如果点非常近（比如2米），我看不到两个点，只有最后一个。有一些配置吗

创建地图时，我使用以下代码：

    // Set view of Leaflet map based on screen size
    var layer = new L.tileLayer('http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png');
    if ($(window).width() < 626) {
    var map = new L.Map('map').setView([-35,-71],20);
    } else {
    var map = new L.Map('map').setView([-35,-71],20);

//根据屏幕大小设置传单地图视图
var layer=newl.tileLayer（'http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png'）；
如果（$（窗口）.width（）<626）{
var map=新的L.map（'map'）.setView（[-35，-71]，20）；
}否则{
var map=新的L.map（'map'）.setView（[-35，-71]，20）；

另外，为了阅读我使用的谷歌电子表格

          // Group we will append our markers to
          if (window.location.hash === "#cluster") {
            // Set up cluster group
            var markers = new L.MarkerClusterGroup();
          } else {
            // Otherwise set up normal groupx`
            var markers = new L.LayerGroup();
          }

          // Google Docs spreadsheet key
          var spreadsheet_key = '1RBXvfL8A5OWKVShefgjkAlbikwnakpBzytz9fccuPzI';

          // Name of lat, long columns in Google spreadsheet
          var lat_column = 'latitude';
          var long_column = 'longitude';

          // Marker options
          var radius = 3;
          // Regular fill
          var fill_color = "#023858";
          var border_color = "#FFF";
          // Hover
          var fill_color_hover = "#FFF";
          var border_color_hover = "#333"

          var global_markers_data;

          // Function that creates our popup
          function generatePopup(content){
              // Generate header
            var popup_header = "<h4>" + toTitleCase(content['brewery']) + "</h4>"

            // Generate content
            var popup_content = '<table class="popup_table table">';
            popup_content += '<tr><td><strong>Address:</strong></td>';
            popup_content += '<td>' + content['address'] + '</td>';
            popup_content += '<tr><td><strong>City:</strong></td>';
            popup_content += '<td>' + content['city'] + '</td>';
            popup_content += '<tr><td><strong>Phone:</strong></td>';
            popup_content += '<td>' + content['phone'] + '</td>';
                popup_content += '<tr><td colspan="2"><strong><a href="http://' + content['website'] + '" target="_blank">Learn more</a></strong></td>';
            popup_content += '</tr></table>'

            return popup_header + popup_content;
          }

          // This goes through our JSON file and puts markers on map
          function loadMarkersToMap(markers_data) {
            // If we haven't captured the Tabletop data yet
            // We'll set the Tabletop data to global_markers_data
            if (global_markers_data !== undefined) {
                markers_data = global_markers_data;
            // If we have, we'll load global_markers_data instead of loading Tabletop again
            } else {
                global_markers_data = markers_data;
            }

            for (var num = 0; num < markers_data.length; num++) {
                // Capture current iteration through JSON file
                current = markers_data[num];

                // Add lat, long to marker
                var marker_location = new L.LatLng(current[lat_column], current[long_column]);

                // Determine radius of the circle by the value in total
                // radius_actual = Math.sqrt(current['total'] / 3.14) * 2.8;

                // Options for our circle marker
                var layer_marker = L.circleMarker(marker_location, {
                    radius: radius,
                    fillColor: fill_color,
                    color: border_color,
                    weight: 1,
                    opacity: 1,
                    fillOpacity: 0.8
                });

                // Generate popup
                layer_marker.bindPopup( generatePopup(current) );

                // Add events to marker
                (function (num){
                    // Must call separate popup(e) function to make sure right data is shown
                    function mouseOver(e) {
                        var layer_marker = e.target;
                        layer_marker.setStyle({
                            radius: radius + 1,
                            fillColor: fill_color_hover,
                            color: border_color_hover,
                            weight: 2,
                            opacity: 1,
                            fillOpacity: 1
                        });
                        // layer_marker.openPopup();
                    }

                    // What happens when mouse leaves the marker
                    function mouseOut(e) {
                        var layer_marker = e.target;
                        layer_marker.setStyle({
                            radius: radius + 1,
                            fillColor: fill_color,
                            color: border_color,
                            weight: 1,
                            opacity: 1,
                            fillOpacity: 0.8
                        });
                        // layer_marker.closePopup();
                    }

                    // Call mouseover, mouseout functions
                    layer_marker.on({
                        mouseover: mouseOver,
                        mouseout: mouseOut
                    });

                })(num)

                // Add to feature group
                markers.addLayer(layer_marker);
            }

            // Add feature group to map
            map.addLayer(markers);

            // Clear load text
            // $('.sidebar_text_intro').html('');
          };

          // Pull data from Google spreadsheet via Tabletop
          function initializeTabletopObjectMarkers(){
            Tabletop.init({
                key: spreadsheet_key,
                callback: loadMarkersToMap,
                simpleSheet: true,
                debug: false
              });
          }

          // Add JSON data to map
          // If not done with map-tabletop-geojson.js
          initializeTabletopObjectMarkers();

//我们将把标记附加到的组
if（window.location.hash==“#cluster”）{
//设置群集组
var markers=新的L.MarkerClusterGroup（）；
}否则{
//否则设置正常的groupx`
var markers=新的L.LayerGroup（）；
}
//谷歌文档电子表格键
var电子表格_键='1RBXVFL8A5OWKVSHEFGJKABIKWNAKPBZYTZ9FCCUPZI'；
//lat名称，谷歌电子表格中的长列
var lat_列='纬度'；
var long_列='经度'；
//标记选项
var半径=3；
//正常填充
变量fill_color=“#023858”；
var border_color=“#FFF”；
//盘旋
变量fill_color_hover=“#FFF”；
var border_color_hover=“#333”
var全局数据；
//创建弹出窗口的函数
函数generatePopup（内容）{
//生成标题
var popup_header=”“+toTitleCase（内容['brewery']）+“”
//生成内容
var\u content=''；
弹出内容+='地址：；
弹出内容+=''+内容['address']+''；
弹出内容+='城市：'；
弹出内容+=''+内容['city']+''；
弹出内容+='电话：；
弹出内容+=''+内容['phone']+''；
弹出内容+=''；
弹出内容+=“”
返回弹出窗口标题+弹出窗口内容；
}
//这将遍历我们的JSON文件，并在地图上放置标记
函数加载标记映射（标记\数据）{
//如果我们还没有捕获桌面数据
//我们将桌面数据设置为全局\u标记\u数据
if（全局标记数据！==未定义）{
标记\数据=全局标记\数据；
//如果有的话，我们将加载全局\u标记\u数据，而不是再次加载桌面
}否则{
全局标记数据=标记数据；
}
for（var num=0；num