Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/80.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/google-cloud-platform/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在地图上显示位置_Javascript_Html_Dictionary - Fatal编程技术网

Javascript 如何在地图上显示位置

Javascript 如何在地图上显示位置,javascript,html,dictionary,Javascript,Html,Dictionary,我正在寻找一种使用html、javascript或任何其他方式在世界地图上显示用户位置的方法,同时数据将从exel文件中提取。 位置数据基本上是一个城市名称,我想在世界地图上为每个用户显示为标记/点 地图需要显示在网站上,并在用户每次刷新网站时更新 有办法吗? 如果有人有这样的东西,我们将非常感激 谢谢。现在最常用的方法是使用他们有很多 谷歌地图的替代品可以在这里找到 您很可能需要学习一种服务器端语言,该语言可以读取电子表格数据并将其传递到前端。PHP、ruby、node.js、asp等都有解决

我正在寻找一种使用html、javascript或任何其他方式在世界地图上显示用户位置的方法,同时数据将从exel文件中提取。 位置数据基本上是一个城市名称,我想在世界地图上为每个用户显示为标记/点

地图需要显示在网站上,并在用户每次刷新网站时更新

有办法吗? 如果有人有这样的东西,我们将非常感激


谢谢。

现在最常用的方法是使用他们有很多

谷歌地图的替代品可以在这里找到


您很可能需要学习一种服务器端语言,该语言可以读取电子表格数据并将其传递到前端。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);
}