我一直在使用我的GoogleSheets文件,以便在传单地图中显示它们。
我发现了很多关于如何做到这一点的建议:
https://rdrn.me/leaflet-maps-google-sheets/-这是主要的
如何使用tabletop.js在传单地图上添加标记?-这是一个使用Fiddle的例子。与此处相同:使用tabletop.js的传单地图中的标记为什么不起作用?https://jsfiddle.net/a21yb4uq/
所有这些看起来都很简单,但一旦我粘贴了自己的链接,地图上就什么都没有了。
我还尝试了文件->发布到web选项以及共享-共享到web
一切都没有改变。
这些示例中提取的链接如下所示:
function init() {
Tabletop.init({
key: 'https://docs.google.com/spreadsheets/d/1pQOKxyrqjyzI0gGOwkXTaHCoBjg-voJ_Xh7AUbU2Z5o/edit?usp=sharing',
callback: addPoints,
simpleSheet: true
})
}
init()
和第二个
function init() {
Tabletop.init({
key: 'https://docs.google.com/spreadsheets/d/1BTlWo-T636OCGK-tRMHRP55MQ24OwQ-ZF9yOszyppxk/edit?usp=sharing',
callback: addPoints,
simpleSheet: true
})
}
init()
因此,在这两种情况下,链接都以=sharing
结束,这意味着数据已共享给仅限web的
我的链接如下:
https://docs.google.com/spreadsheets/d/1pQOKxyrqjyzI0gGOwkXTaHCoBjg-voJ_Xh7AUbU2Z5o/edit?usp=sharing
https://docs.google.com/spreadsheets/d/1yH4TpDwIJB7v2nZqS7WHl_E11_-Gcdo4fwzckXGpuDY/edit?usp=sharing
我的列/数据没有问题,因为其中一个示例实际上是从JsFiddle中复制的。问题是在某个地方共享。有人能告诉我该怎么办吗?
它似乎与小提琴上的一个文件一起工作,当我粘贴你的谷歌表单链接时,波兰会出现点。
但它们在描述中有"未定义"。要解决此问题,您必须修改addPoints
function addPoints(data, tabletop) {
for (var row in data) {
var marker = L.marker([
data[row].Latitude,
data[row].Longitude
]).addTo(map);
marker.bindPopup('<strong>' +
data[row].Miasto + // <- or anything you want
'</strong>');
}
}
在准备好Google Sheets数据后,我们必须执行两个步骤:
- 文件->发布到web
-
共享->从私有到公共-然后在
key
选项中将链接复制到您的Tabletop
函数中