无法读取svelte中未定义的属性“Add Layer”
下面是我的代码。我正在用svelte中的传单绘制一幅有图像的地图。
<script>
import { onMount } from 'svelte';
import L from 'leaflet';
var map;
onMount(() => {
map = L.map('issmap').setView([51.505, -0.09], 13);
});
var imageUrl = 'http://www.lib.utexas.edu/maps/historical/newark_nj_1922.jpg',
imageBounds = [[40.712216, -74.22655], [40.773941, -74.12544]];
L.imageOverlay(imageUrl, imageBounds).addTo(map);
</script>
<html lang=en>
<head>
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.7.1/dist/leaflet.css"
integrity="sha512-xodZBNTC5n17Xt2atTPuE1HxjVMSvLVW9ocqUKLsCC5CXdbqCmblAshOMAS6/keqq/sMZMZ19scR4PsZChSR7A=="
crossorigin=""/>
<script src="https://unpkg.com/leaflet@1.7.1/dist/leaflet.js"
integrity="sha512-XQoYMqMTK8LvdxXYG3nZ448hOEQiglfqkJs1NOQV44cWnUrBc8PkAOcXy20w0vlaXaVUearIOBhiXZ5V3ynxwA=="
crossorigin=""></script>
<style>
#issmap { height: 180px; }
</style>
</head>
<body>
<div id="issmap">
</div>
</body>
</html>
但我得到一个错误“无法读取属性'add layer'的未定义”。我该怎么解决这个？
共有1个答案
这里您的问题是，您试图在onmount回调之外使用map，因此该行中的undefined为undefined：
L.imageOverlay(imageUrl, imageBounds).addTo(map);
要修复它，只需将其添加到onmount回调：
js prettyprint-override"> onMount(() => {
map = L.map("issmap").setView([51.505, -0.09], 13);
var imageUrl = "http://www.lib.utexas.edu/maps/historical/newark_nj_1922.jpg",
imageBounds = [[40.712216, -74.22655], [40.773941, -74.12544]];
L.imageOverlay(imageUrl, imageBounds).addTo(map);
});
签出CodeSandBox。
-
为什么我得到这个错误不能读取未定义的触摸属性？ 为什么它不能读取，但它可以读取 当我们使用
-
问题内容： 我正在制作非常简单的react应用。但是，当我尝试通过onChange事件调用父（实际上是祖父母）组件的方法时，我一直在获取。 这是触发事件的组件/表单（因此，在绑定的父组件上调用方法…是的，因为我通过道具将其从父组件传递下来，所以在方法上使用了.bound（this）。） 这是我如何通过大多数父（祖父母）组件中的props传递该方法的方法。 这是我作为父项（方法所有者和方法调用程序之
-
我正在测试发送电子邮件与流星js和nodemailer插件： 流星添加捷运：流星NodeEmailer 当页面加载时，我在导航器的控制台上看到错误：无法读取未定义的属性“创建运输”。 那么问题是什么呢？ 代码如下： /////////////////////////////////////////// ///////////////
-
我知道这方面还有很多类似的问题，但没有一个答案是有效的。在我的例子中，我有下面的代码，我正在尝试按分数降序排列记录数组。 最后一个函数是什么给我的问题.如果用户运行以下： var web=[{url:“www.southanpton.ac.uk”，内容：“南安普敦大学提供学位课程和世界一流的研究测试。”，{url:“www.xyz.ac.uk”，内容：“另一种大学考试”}，{url:“www”，内
-
我一直试图让firebase与react一起工作，但出现了此错误 未经处理的拒绝（TypeError）：无法读取未定义的fetch D:/Peti/Programming/node/coursewebpage/src/components/coursePage.js:12 9 | const db=firebase.firestore（）10 | const myAuthLevel=（fireba
-
这是我的猫鼬模式： 这是使用Express的Node.js服务器。它具有路由，如果触发该路由，它将使用请求中传递的信息更新用户的购物车。正文： 我打印到终端userCart，正如您在代码中看到的，它返回给我的是： 当服务器执行时，它返回以下错误： 如果我已经在Mongoose中定义了的结构，为什么不定义它？