Javascript 单张及；GeoJson:can'；工具提示不起作用

制作了一张欧洲地图，在多边形上加亮显示，并基于GeoJSON文件点击URL

我想把标签（国家代码）在多边形，并有一种方法可以工作的工具提示

我的代码是：

var geojson;
var lat = 50.0755381;
var long = 14.43780049999998;
url = "europe.js"

var map = L.map('map').setView([lat, long], 4); 

// Set background to fully transparent, would prefer to have this white, with no background.
L.tileLayer('  https://api.mapbox.com/styles/v1/mapbox/dark-v9/tiles/256/{z}/{x}/{y}?access_token=pk.eyJ1Ijoibmlja255ciIsImEiOiJjajduNGptZWQxZml2MndvNjk4eGtwbDRkIn0.L0aWwfHlFJVGa-WOj7EHaA', {
  attribution: 'Map data &copy; <a href="https://www.openstreetmap.org/">OpenStreetMap</a> contributors, <a href="https://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>, Imagery © <a href="https://www.mapbox.com/">Mapbox</a>',
  opacity: 0,
  id: 'mapbox.dark'
}).addTo(map);

//setting default style
var style =({
    weight: 1,
    color: '#ffffff',
    fillColor: '#12CBDA',
    dashArray: '',
    fillOpacity: 0.6

});

// getting data from the geojson....
// I have the property fields: name, code, url, coverage and text
// the geometry data is correctly used and hover works nicely
// below I've also succeeded in getting the link to url to work
// I want to parse the name (as header) and text properties to a toolTip
// Ideally I would put the country code on the map as a label

var layer = new L.GeoJSON(countries_data, { style: style,
    onEachFeature: function (feature, layer) {
        layer.on('mouseover', function () {
        this.setStyle({
          'fillColor': '#015270',
          'color': '#015270',
          'opacity': 0.8,
          'weight': 2
        });

        if (!L.Browser.ie && !L.Browser.opera && !L.Browser.edge) {
        layer.bringToFront();
        this.bindTooltip("some text");
        }
},

      layer.on('mouseout', function () {
        this.setStyle(style);
        this.bringToBack();
        }));

      layer.on('click', function () {
      window.location = feature.properties.url;
        });   
    }
  }).addTo(map);

var-geojson；
var lat=50.0755381；
var long=14.4378004999998；
url=“europe.js”
var map=L.map（'map'）.setView（[lat，long]，4）；
//将“背景”设置为“完全透明”，则更喜欢白色，没有背景。
L.tileLayer（'https://api.mapbox.com/styles/v1/mapbox/dark-v9/tiles/256/{z} /{x}/{y}？访问令牌=pk.eyj1ijoibmlja255ciisimeijjajdungptzwqxzml2mndvnjk4egtwbdrkin0.L0aWwfHlFJVGa-WOj7EHaA'{
属性：“地图数据©；贡献者，图像©”，
不透明度：0，
id:“地图盒。黑暗”
}).addTo（地图）；
//设置默认样式
变量样式=({
体重：1，
颜色：“#ffffff”，
填充颜色：“#12CBDA”，
dashArray:“”，
填充不透明度：0.6
});
//正在从geojson获取数据。。。。
//我有属性字段：名称、代码、url、覆盖范围和文本
//几何体数据使用正确，悬停效果良好
//下面我也成功地获得了指向url的链接
//我想将名称（作为标题）和文本属性解析为工具提示
//理想情况下，我会把国家代码作为标签放在地图上
var layer=newl.GeoJSON（国家/地区数据，{style:style，
onEachFeature：功能（功能，图层）{
layer.on（'mouseover'，function（）{
这是我的风格({
“fillColor”：“015270”，
“颜色”：“015270”，
“不透明度”：0.8，
“重量”：2
});
如果（！L.Browser.ie&&！L.Browser.opera&&！L.Browser.edge）{
层。布氏体（）；
这个.bindTooltip（“一些文本”）；
}
},
layer.on（'mouseout'，function（）{
这个。设置样式（样式）；
这个。bringToBack（）；
}));
层上（'单击'，函数（）{
window.location=feature.properties.url；
});   
}
}).addTo（地图）；

---

谢谢你的建议

不要在

mouseover

事件中添加工具提示：

ar layer = new L.GeoJSON(countries_data, { style: style,
    onEachFeature: function (feature, layer) {
        if (!L.Browser.ie && !L.Browser.opera && !L.Browser.edge) {
            this.bindTooltip("some text");
        }
        layer.on('mouseover', function () {
        this.setStyle({
          'fillColor': '#015270',
          'color': '#015270',
          'opacity': 0.8,
          'weight': 2
        });
        if (!L.Browser.ie && !L.Browser.opera && !L.Browser.edge) {
              layer.bringToFront();
        }

},

      layer.on('mouseout', function () {
        this.setStyle(style);
        this.bringToBack();
        }));

      layer.on('click', function () {
      window.location = feature.properties.url;
        });   
    }
  }).addTo(map);

---

不，这完全破坏了我的地图。我正在考虑添加另一层，但我担心多边形上的鼠标悬停位将不再起作用。。。