Javascript 未捕获类型错误:无法读取属性';createIcon';创建标记时的未定义属性
现在我已经命名了var中的每个name对象,但是映射仍然不起作用 我想映射自定义图标,这些图标在json数据对象中由属性名定义。我有多个图标。 我写了这段代码,但它不起作用,我的控制台说错误在第266行 “未捕获的TypeError:无法读取未定义的属性'createIcon'” 但是我不能找出错误Javascript 未捕获类型错误:无法读取属性';createIcon';创建标记时的未定义属性,javascript,leaflet,marker,Javascript,Leaflet,Marker,现在我已经命名了var中的每个name对象,但是映射仍然不起作用 我想映射自定义图标,这些图标在json数据对象中由属性名定义。我有多个图标。 我写了这段代码,但它不起作用,我的控制台说错误在第266行 “未捕获的TypeError:无法读取未定义的属性'createIcon'” 但是我不能找出错误 var-map=L.map('map').setView([50.922082,6.944733],13); var markerIcons={ “REWE”:L.图标({ iconUrl:'rew
var-map=L.map('map').setView([50.922082,6.944733],13);
var markerIcons={
“REWE”:L.图标({
iconUrl:'rewe.png',
iconSize:[38,95],
iconAnchor:[22,94],
popupAnchor:[-3,-76],
}),
“考夫兰”:L.图标({
iconUrl:'kaufland.png',
iconSize:[38,95],
iconAnchor:[22,94],
popupAnchor:[-3,-76],
}),
“Netto分公司”:L.icon({
iconUrl:'netto.png',
iconSize:[38,95],
iconAnchor:[22,94],
popupAnchor:[-3,-76],
}),
“REWE Rahmati”:L.图标({
iconUrl:'rewe.png',
iconSize:[38,95],
iconAnchor:[22,94],
popupAnchor:[-3,-76],
}),
“Lidl”:L.图标({
iconUrl:'lidl.jpg',
iconSize:[38,95],
iconAnchor:[22,94],
popupAnchor:[-3,-76],
}),
“ALDI SÜD”:L.图标({
iconUrl:'aldi.jpg',
iconSize:[38,95],
iconAnchor:[22,94],
popupAnchor:[-3,-76],
}),
“便士”:L.icon({
iconUrl:'penny.jpg',
iconSize:[38,95],
iconAnchor:[22,94],
popupAnchor:[-3,-76],
}),
“dm drogerie markt”:左图标({
iconUrl:'dm.png',
iconSize:[38,95],
iconAnchor:[22,94],
popupAnchor:[-3,-76],
}),
“点击”:L.图标({
iconUrl:'dm.png',
iconSize:[38,95],
iconAnchor:[22,94],
popupAnchor:[-3,-76],
}),
“HIT Handelsgruppe GmbH&Co.KG”:L.图标({
iconUrl:'dm.png',
iconSize:[38,95],
iconAnchor:[22,94],
popupAnchor:[-3,-76],
}),
“点击getränkemarkt”:左图标({
iconUrl:'dm.png',
iconSize:[38,95],
iconAnchor:[22,94],
popupAnchor:[-3,-76],
}),
“命中标记”:左图标({
iconUrl:'dm.png',
iconSize:[38,95],
iconAnchor:[22,94],
popupAnchor:[-3,-76],
}),
“考夫兰·克伦·尼尔”:L.图标({
iconUrl:'dm.png',
iconSize:[38,95],
iconAnchor:[22,94],
popupAnchor:[-3,-76],
}),
“考夫兰·克伦·埃伦菲尔德”:L.图标({
iconUrl:'dm.png',
iconSize:[38,95],
iconAnchor:[22,94],
popupAnchor:[-3,-76],
}),
“考夫兰Köln Kalk”:L.图标({
iconUrl:'dm.png',
iconSize:[38,95],
iconAnchor:[22,94],
popupAnchor:[-3,-76],
}),
“考夫兰·克伦·缪尔海姆”:L.图标({
iconUrl:'dm.png',
iconSize:[38,95],
iconAnchor:[22,94],
popupAnchor:[-3,-76],
}),
“诺玛分公司”:L.icon({
iconUrl:'dm.png',
iconSize:[38,95],
iconAnchor:[22,94],
popupAnchor:[-3,-76],
}),
“诺玛”:L.图标({
iconUrl:'dm.png',
iconSize:[38,95],
iconAnchor:[22,94],
popupAnchor:[-3,-76],
}),
“真实”:L.图标({
iconUrl:'dm.png',
iconSize:[38,95],
iconAnchor:[22,94],
popupAnchor:[-3,-76],
}),
“EDEKA Wodarz Getränkemarkt”:L.图标({
iconUrl:'dm.png',
iconSize:[38,95],
iconAnchor:[22,94],
popupAnchor:[-3,-76],
}),
“Edeka Center Engels Marsdorf GmbH”:L.icon({
iconUrl:'dm.png',
iconSize:[38,95],
iconAnchor:[22,94],
popupAnchor:[-3,-76],
}),
“埃德卡·恩格斯”:L.icon({
iconUrl:'dm.png',
iconSize:[38,95],
iconAnchor:[22,94],
popupAnchor:[-3,-76],
}),
“EDEKA Peters”:L.图标({
iconUrl:'dm.png',
iconSize:[38,95],
iconAnchor:[22,94],
popupAnchor:[-3,-76],
}),
“EDEKA Gans”:L.图标({
iconUrl:'dm.png',
iconSize:[38,95],
iconAnchor:[22,94],
popupAnchor:[-3,-76],
}),
“Edeka涂抹KG”:L.图标({
iconUrl:'dm.png',
iconSize:[38,95],
iconAnchor:[22,94],
popupAnchor:[-3,-76],
}),
“埃德卡中心恩格斯·维德斯多夫”:L.图标({
iconUrl:'dm.png',
iconSize:[38,95],
iconAnchor:[22,94],
popupAnchor:[-3,-76],
}),
“Edeka Romano”:L.图标({
iconUrl:'dm.png',
iconSize:[38,95],
iconAnchor:[22,94],
popupAnchor:[-3,-76],
}),
“EDEKA Wodarz”:L.图标({
iconUrl:'dm.png',
iconSize:[38,95],
iconAnchor:[22,94],
popupAnchor:[-3,-76],
}),
“EDEKA Kausemann”:左图标({
iconUrl:'dm.png',
iconSize:[38,95],
iconAnchor:[22,94],
popupAnchor:[-3,-76],
}),
“EDEKA Weiden”:L.图标({
iconUrl:'dm.png',
iconSize:[38,95],
iconAnchor:[22,94],
popupAnchor:[-3,-76],
}),
“EDEKA Hein”:L.图标({
iconUrl:'dm.png',
iconSize:[38,95],
iconAnchor:[22,94],
popupAnchor:[-3,-76],
}),
“EDEKA Feldmann-Höner”:L.图标({
iconUrl:'dm.png',
iconSize:[38,95],
iconAnchor:[22,94],
popupAnchor:[-3,-76],
}),
“EDEKA-Die Kippings”:L.图标({
iconUrl:'dm.png',
iconSize:[38,95],
iconAnchor:[22,94],
popupAnchor:[-3,-76],
}),
“Edeka Blomeier”:L.图标({
iconUrl:'dm.png',
iconSize:[38,95],
iconAnchor:[22,94],
popupAnchor:[-3,-76],
}),
“Edeka Aktiv Markt Hetzenegger”:L.图标({
iconUrl:'dm.png',
iconSize:[38,95],
iconAnchor:[22,94],
popupAnchor:[-3,-76],
}),
“EDEKA STEFFENS”:L.图标({
iconUrl:'dm.png',
iconSize:[38,95],
iconAnchor:[22,94],
popupAnchor:[-3,-76],
}),
“EDEKA Jung”:L.图标({
iconUrl:'dm.png',
iconSize:[38,95],
iconAnchor:[22,94],
popupAnchor:[-3,-76],
}),
“Edeka Markt Hein”:L.图标({
iconUrl:'dm.png',
iconSize:[38,95],
iconAnchor:[22,94],
popupAnchor:[-3,-76],
}),
“EDEKA Frischmarkt Zickuhr”:左图标({
iconUrl:'dm.png',
iconSize:[38,95],
iconAnchor:[22,94],
popupAnchor:[-3,-76],
}),
“EDEKA Stahl”:左图标({
伊克努尔
var map = L.map('map').setView([50.922082,6.944733], 13);
var markerIcons = {
"REWE": L.icon({
iconUrl: 'rewe.png',
iconSize: [38, 95],
iconAnchor: [22, 94],
popupAnchor: [-3, -76],
}),
"Kaufland": L.icon({
iconUrl: 'kaufland.png',
iconSize: [38, 95],
iconAnchor: [22, 94],
popupAnchor: [-3, -76],
}),
"Netto Filiale": L.icon({
iconUrl: 'netto.png',
iconSize: [38, 95],
iconAnchor: [22, 94],
popupAnchor: [-3, -76],
}),
"REWE Rahmati": L.icon({
iconUrl: 'rewe.png',
iconSize: [38, 95],
iconAnchor: [22, 94],
popupAnchor: [-3, -76],
}),
"Lidl": L.icon({
iconUrl: 'lidl.jpg',
iconSize: [38, 95],
iconAnchor: [22, 94],
popupAnchor: [-3, -76],
}),
"ALDI SÜD": L.icon({
iconUrl: 'aldi.jpg',
iconSize: [38, 95],
iconAnchor: [22, 94],
popupAnchor: [-3, -76],
}),
"PENNY": L.icon({
iconUrl: 'penny.jpg',
iconSize: [38, 95],
iconAnchor: [22, 94],
popupAnchor: [-3, -76],
}),
"dm-drogerie markt": L.icon({
iconUrl: 'dm.png',
iconSize: [38, 95],
iconAnchor: [22, 94],
popupAnchor: [-3, -76],
}),
"Hit": L.icon({
iconUrl: 'dm.png',
iconSize: [38, 95],
iconAnchor: [22, 94],
popupAnchor: [-3, -76],
}),
"HIT Handelsgruppe GmbH & Co. KG": L.icon({
iconUrl: 'dm.png',
iconSize: [38, 95],
iconAnchor: [22, 94],
popupAnchor: [-3, -76],
}),
"Hit getränkemarkt": L.icon({
iconUrl: 'dm.png',
iconSize: [38, 95],
iconAnchor: [22, 94],
popupAnchor: [-3, -76],
}),
"Hit Markt": L.icon({
iconUrl: 'dm.png',
iconSize: [38, 95],
iconAnchor: [22, 94],
popupAnchor: [-3, -76],
}),
"Kaufland Köln-Niehl": L.icon({
iconUrl: 'dm.png',
iconSize: [38, 95],
iconAnchor: [22, 94],
popupAnchor: [-3, -76],
}),
"Kaufland Köln-Ehrenfeld": L.icon({
iconUrl: 'dm.png',
iconSize: [38, 95],
iconAnchor: [22, 94],
popupAnchor: [-3, -76],
}),
"Kaufland Köln-Kalk": L.icon({
iconUrl: 'dm.png',
iconSize: [38, 95],
iconAnchor: [22, 94],
popupAnchor: [-3, -76],
}),
"Kaufland Köln-Mühlheim": L.icon({
iconUrl: 'dm.png',
iconSize: [38, 95],
iconAnchor: [22, 94],
popupAnchor: [-3, -76],
}),
"NORMA Filiale": L.icon({
iconUrl: 'dm.png',
iconSize: [38, 95],
iconAnchor: [22, 94],
popupAnchor: [-3, -76],
}),
"NORMA": L.icon({
iconUrl: 'dm.png',
iconSize: [38, 95],
iconAnchor: [22, 94],
popupAnchor: [-3, -76],
}),
"real": L.icon({
iconUrl: 'dm.png',
iconSize: [38, 95],
iconAnchor: [22, 94],
popupAnchor: [-3, -76],
}),
"EDEKA Wodarz Getränkemarkt": L.icon({
iconUrl: 'dm.png',
iconSize: [38, 95],
iconAnchor: [22, 94],
popupAnchor: [-3, -76],
}),
"Edeka Center Engels Marsdorf GmbH": L.icon({
iconUrl: 'dm.png',
iconSize: [38, 95],
iconAnchor: [22, 94],
popupAnchor: [-3, -76],
}),
"Edeka Engels": L.icon({
iconUrl: 'dm.png',
iconSize: [38, 95],
iconAnchor: [22, 94],
popupAnchor: [-3, -76],
}),
"EDEKA Peters": L.icon({
iconUrl: 'dm.png',
iconSize: [38, 95],
iconAnchor: [22, 94],
popupAnchor: [-3, -76],
}),
"EDEKA Gans": L.icon({
iconUrl: 'dm.png',
iconSize: [38, 95],
iconAnchor: [22, 94],
popupAnchor: [-3, -76],
}),
"Edeka Daub KG": L.icon({
iconUrl: 'dm.png',
iconSize: [38, 95],
iconAnchor: [22, 94],
popupAnchor: [-3, -76],
}),
"Edeka Center Engels Widdersdorf": L.icon({
iconUrl: 'dm.png',
iconSize: [38, 95],
iconAnchor: [22, 94],
popupAnchor: [-3, -76],
}),
"Edeka Romano": L.icon({
iconUrl: 'dm.png',
iconSize: [38, 95],
iconAnchor: [22, 94],
popupAnchor: [-3, -76],
}),
"EDEKA Wodarz": L.icon({
iconUrl: 'dm.png',
iconSize: [38, 95],
iconAnchor: [22, 94],
popupAnchor: [-3, -76],
}),
"EDEKA Kausemann": L.icon({
iconUrl: 'dm.png',
iconSize: [38, 95],
iconAnchor: [22, 94],
popupAnchor: [-3, -76],
}),
"EDEKA Weiden": L.icon({
iconUrl: 'dm.png',
iconSize: [38, 95],
iconAnchor: [22, 94],
popupAnchor: [-3, -76],
}),
"EDEKA Hein": L.icon({
iconUrl: 'dm.png',
iconSize: [38, 95],
iconAnchor: [22, 94],
popupAnchor: [-3, -76],
}),
"EDEKA Feldmann-Höner": L.icon({
iconUrl: 'dm.png',
iconSize: [38, 95],
iconAnchor: [22, 94],
popupAnchor: [-3, -76],
}),
"EDEKA - Die Kippings": L.icon({
iconUrl: 'dm.png',
iconSize: [38, 95],
iconAnchor: [22, 94],
popupAnchor: [-3, -76],
}),
"Edeka Blomeier": L.icon({
iconUrl: 'dm.png',
iconSize: [38, 95],
iconAnchor: [22, 94],
popupAnchor: [-3, -76],
}),
"Edeka Aktiv Markt Hetzenegger": L.icon({
iconUrl: 'dm.png',
iconSize: [38, 95],
iconAnchor: [22, 94],
popupAnchor: [-3, -76],
}),
"EDEKA STEFFENS": L.icon({
iconUrl: 'dm.png',
iconSize: [38, 95],
iconAnchor: [22, 94],
popupAnchor: [-3, -76],
}),
"EDEKA Jung": L.icon({
iconUrl: 'dm.png',
iconSize: [38, 95],
iconAnchor: [22, 94],
popupAnchor: [-3, -76],
}),
"Edeka Markt Hein": L.icon({
iconUrl: 'dm.png',
iconSize: [38, 95],
iconAnchor: [22, 94],
popupAnchor: [-3, -76],
}),
"EDEKA Frischmarkt Zickuhr": L.icon({
iconUrl: 'dm.png',
iconSize: [38, 95],
iconAnchor: [22, 94],
popupAnchor: [-3, -76],
}),
"EDEKA Stahl": L.icon({
iconUrl: 'dm.png',
iconSize: [38, 95],
iconAnchor: [22, 94],
popupAnchor: [-3, -76],
}),
"EDEKA Klein": L.icon({
iconUrl: 'dm.png',
iconSize: [38, 95],
iconAnchor: [22, 94],
popupAnchor: [-3, -76],
}),
"EDEKA Hetzenegger": L.icon({
iconUrl: 'dm.png',
iconSize: [38, 95],
iconAnchor: [22, 94],
popupAnchor: [-3, -76],
}),
"EDEKA-Markt Frischecenter J. Engels GbR": L.icon({
iconUrl: 'dm.png',
iconSize: [38, 95],
iconAnchor: [22, 94],
popupAnchor: [-3, -76],
}),
"Edeka Geurtz": L.icon({
iconUrl: 'dm.png',
iconSize: [38, 95],
iconAnchor: [22, 94],
popupAnchor: [-3, -76],
}),
"EDEKA Wünsch": L.icon({
iconUrl: 'dm.png',
iconSize: [38, 95],
iconAnchor: [22, 94],
popupAnchor: [-3, -76],
}),
"EDEKA Hetzenegger Getränkemarkt": L.icon({
iconUrl: 'dm.png',
iconSize: [38, 95],
iconAnchor: [22, 94],
popupAnchor: [-3, -76],
}),
"Edeka Klein Hessling": L.icon({
iconUrl: 'dm.png',
iconSize: [38, 95],
iconAnchor: [22, 94],
popupAnchor: [-3, -76],
}),
"EDEKA Breuer": L.icon({
iconUrl: 'dm.png',
iconSize: [38, 95],
iconAnchor: [22, 94],
popupAnchor: [-3, -76],
}),
"EDEKA Höner": L.icon({
iconUrl: 'dm.png',
iconSize: [38, 95],
iconAnchor: [22, 94],
popupAnchor: [-3, -76],
}),
"EDEKA Schröder": L.icon({
iconUrl: 'dm.png',
iconSize: [38, 95],
iconAnchor: [22, 94],
popupAnchor: [-3, -76],
}),
"EDEKA FrischeCenter Gusek": L.icon({
iconUrl: 'dm.png',
iconSize: [38, 95],
iconAnchor: [22, 94],
popupAnchor: [-3, -76],
}),
"EDEKA Zickuhr": L.icon({
iconUrl: 'dm.png',
iconSize: [38, 95],
iconAnchor: [22, 94],
popupAnchor: [-3, -76],
}),
"EDEKA Köln-Merheim": L.icon({
iconUrl: 'dm.png',
iconSize: [38, 95],
iconAnchor: [22, 94],
popupAnchor: [-3, -76],
}),
"Edeka Jünger": L.icon({
iconUrl: 'dm.png',
iconSize: [38, 95],
iconAnchor: [22, 94],
popupAnchor: [-3, -76],
}),
"Edeka Klein-Heßling": L.icon({
iconUrl: 'dm.png',
iconSize: [38, 95],
iconAnchor: [22, 94],
popupAnchor: [-3, -76],
}),
"Edeka Mülln": L.icon({
iconUrl: 'dm.png',
iconSize: [38, 95],
iconAnchor: [22, 94],
popupAnchor: [-3, -76],
}),
"Edeka Bonus": L.icon({
iconUrl: 'dm.png',
iconSize: [38, 95],
iconAnchor: [22, 94],
popupAnchor: [-3, -76],
}),
"EDEKA Breidohr-Frischecenter": L.icon({
iconUrl: 'dm.png',
iconSize: [38, 95],
iconAnchor: [22, 94],
popupAnchor: [-3, -76],
}),
"": L.icon({
iconUrl: 'dm.png',
iconSize: [38, 95],
iconAnchor: [22, 94],
popupAnchor: [-3, -76],
}),
"Edeka Jünger": L.icon({
iconUrl: 'dm.png',
iconSize: [38, 95],
iconAnchor: [22, 94],
popupAnchor: [-3, -76],
}),
"Edeka Jünger": L.icon({
iconUrl: 'dm.png',
iconSize: [38, 95],
iconAnchor: [22, 94],
popupAnchor: [-3, -76],
}),
"Edeka Jünger": L.icon({
iconUrl: 'dm.png',
iconSize: [38, 95],
iconAnchor: [22, 94],
popupAnchor: [-3, -76],
}),
"Edeka Jünger": L.icon({
iconUrl: 'dm.png',
iconSize: [38, 95],
iconAnchor: [22, 94],
popupAnchor: [-3, -76],
}),
"Edeka Jünger": L.icon({
iconUrl: 'dm.png',
iconSize: [38, 95],
iconAnchor: [22, 94],
popupAnchor: [-3, -76],
}),
};
for (var i = 0; i < jsonDataObject.length; i++) {
var lat = parseFloat(jsonDataObject[i].geometry.location.lat);
var lng = parseFloat(jsonDataObject[i].geometry.location.lng);
var marker = L.marker(L.latLng(lat, lng), {
icon: markerIcons[jsonDataObject[i].name]
});
marker.bindPopup(jsonDataObject[i].name, {
autoClose: false
});
map.addLayer(marker);
marker.myJsonData = jsonDataObject[i];
};
L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
attribution: '© <a href="http://osm.org/copyright">OpenStreetMap</a> contributors'
}).addTo(map);