Javascript 如何在地图上显示位置
我正在寻找一种使用html、javascript或任何其他方式在世界地图上显示用户位置的方法,同时数据将从exel文件中提取。 位置数据基本上是一个城市名称,我想在世界地图上为每个用户显示为标记/点 地图需要显示在网站上,并在用户每次刷新网站时更新 有办法吗? 如果有人有这样的东西,我们将非常感激Javascript 如何在地图上显示位置,javascript,html,dictionary,Javascript,Html,Dictionary,我正在寻找一种使用html、javascript或任何其他方式在世界地图上显示用户位置的方法,同时数据将从exel文件中提取。 位置数据基本上是一个城市名称,我想在世界地图上为每个用户显示为标记/点 地图需要显示在网站上,并在用户每次刷新网站时更新 有办法吗? 如果有人有这样的东西,我们将非常感激 谢谢。现在最常用的方法是使用他们有很多 谷歌地图的替代品可以在这里找到 您很可能需要学习一种服务器端语言,该语言可以读取电子表格数据并将其传递到前端。PHP、ruby、node.js、asp等都有解决
谢谢。现在最常用的方法是使用他们有很多 谷歌地图的替代品可以在这里找到
您很可能需要学习一种服务器端语言,该语言可以读取电子表格数据并将其传递到前端。PHP、ruby、node.js、asp等都有解决方案。使用OpenLayers怎么样,下面是一个完整的示例: HTML
<!DOCTYPE HTML>
<html>
<head>
<title>OpenLayers Demo</title>
<style type="text/css">
html, body, #basicMap {
width: 100%;
height: 100%;
margin: 0;
}
</style>
<script src="http://www.openlayers.org/api/OpenLayers.js"></script>
<script src="map.js"></script>
</head>
<body>
<div id="basicMap"></div>
<script>
init();
</script>
</body>
</html>
请注意,这只是一个示例,不推荐使用标记
有关更多信息,请查看如果您决定使用谷歌地图,您可以将Excel数据加载到谷歌电子表格中。这些位置可以直接从电子表格映射到谷歌地图上。请先看一看,然后开始。如果不想编写代码,请直接从电子表格中创建地图。GeoSheets是Google Sheets的一个免费附加组件,它使创建自定义和可嵌入的地图变得超级容易。可能的副本
function init() {
map = new OpenLayers.Map("basicMap", {
controls: [
new OpenLayers.Control.Navigation(),
new OpenLayers.Control.ArgParser(),
new OpenLayers.Control.Attribution()
]
});
var mapnik = new OpenLayers.Layer.OSM();
var fromProjection = new OpenLayers.Projection("EPSG:4326"); // Transform from WGS 1984
var toProjection = new OpenLayers.Projection("EPSG:900913"); // to Spherical Mercator Projection
var position = new OpenLayers.LonLat(7.55785346031189,50.3625329673905).transform( fromProjection, toProjection);
var zoom = 3
map.addLayer(mapnik);
map.setCenter(position, zoom );
var markers = new OpenLayers.Layer.Markers( "Markers" );
map.addLayer(markers);
var marker = new OpenLayers.Marker(position);
marker.events.register("click", map , function(e){ alert("click");
});
markers.addMarker(marker);
}