Html MapTimeBoston传单教程RatMap对象
我正在听来自的传单介绍。在第一张老鼠地图上，我的代码未能显示地图上的啮齿动物对象/位置。我直接验证了教程代码，但仍然无法获取地图上的对象。所有必需的文件都与所使用的html文件位于同一目录中（并适当命名） 我不熟悉HTML、GeoJSON，并且没有找到一个可以用来解决问题的方法。数据文件已完成，并具有预期的所有值/对象。我已经习惯了Python/R/VBA，所以没有错误消息对我来说也是一件新鲜事 我正在通过Chrome浏览器运行HTML文件。HTML文件是用升华文本编写的Html MapTimeBoston传单教程RatMap对象,html,leaflet,geojson,Html,Leaflet,Geojson,我正在听来自的传单介绍。在第一张老鼠地图上，我的代码未能显示地图上的啮齿动物对象/位置。我直接验证了教程代码，但仍然无法获取地图上的对象。所有必需的文件都与所使用的html文件位于同一目录中（并适当命名） 我不熟悉HTML、GeoJSON，并且没有找到一个可以用来解决问题的方法。数据文件已完成，并具有预期的所有值/对象。我已经习惯了Python/R/VBA，所以没有错误消息对我来说也是一件新鲜事 我正在通过Chrome浏览器运行HTML文件。HTML文件是用升华文本编写的 //make sure
//make sure you have the jQuery and rodent GeoJSON files in HTML directory
<html>
<head>
<title>A Leaflet map!</title>
<link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.7.3/leaflet.css"/>
<script src="http://cdn.leafletjs.com/leaflet-0.7.3/leaflet.js"></script>
<script src="jquery-2.1.1.min.js"></script>
<style>
#map{ height: 100% }
</style>
</head>
<body>
<div id="map"></div>
<script>
// initialize the map
var map = L.map('map').setView([42.35, -71.08], 13);
// load a tile layer
L.tileLayer('http://tiles.mapc.org/basemap/{z}/{x}/{y}.png',
{
attribution: 'Tiles by <a href="http://mapc.org">MAPC</a>, Data by <a href="http://mass.gov/mgis">MassGIS</a>',
maxZoom: 17,
minZoom: 9
}).addTo(map);
// load GeoJSON from an external file
$.getJSON("F://FinanceServer//HTML//rodents.geojson",function(data){
// add GeoJSON layer to the map once the file is loaded
L.geoJson(data).addTo(map);
});
</script>
</body>
</html>
//确保HTML目录中有jQuery和啮齿动物GeoJSON文件
单张地图！
#地图{高度：100%}
//初始化映射
var map=L.map（'map'）.setView（[42.35，-71.08]，13）；
//加载瓷砖层
L.tileLayer（'http://tiles.mapc.org/basemap/{z} /{x}/{y}.png'，
{
属性：“平铺依据，数据依据”，
maxZoom:17，
最小缩放：9
}).addTo（地图）；
//从外部文件加载GeoJSON
$.getJSON（“F://FinanceServer//HTML//啮齿动物.geojson”，函数（数据）{
//加载文件后，将GeoJSON层添加到地图
L.geoJson（数据）.addTo（地图）；
});
我希望看到类似于上述教程网站上的第三张地图的东西。本地文件的URL永远不会工作，尤其是作为绝对路径 出于众所周知的安全原因，浏览器会阻止您访问客户端文件系统 即使您直接从文件系统（使用
file://为了避免这些限制，web开发中的标准做法是使用小型本地服务器提供文件。有关错误消息，请打开浏览器开发工具。