如何添加网站用户可以向其添加图钉的地图

时间:2019-08-09 03:29:41

标签: html

我正在开发一个网站,我希望有一张可供所有用户固定位置的地图。所有用户都应该能够看到所有其他用户的固定位置。我还没有地图。

实现此目标的潜在方法有哪些?我可以使用一些API吗?如果是这样,我宁愿使用一个免费的(至少现在是这样)。如果不存在这样的API,那么我会花我一个API的。

如果您需要任何重要信息来帮助我,请告诉我。

2 个答案:

答案 0 :(得分:3)

您可以为此使用Google地图。 这里看看这个fiddle

每单击一次鼠标,就可以将纬度和经度保存在数据库中,还可以在地图上绘制新标记。

首先,使用以下方法创建地图:

printf("\n%d\n", (2,3,5,3,6));

然后为数据库中存储的每个经度和纬度创建一个标记。

  var map = new google.maps.Map(document.getElementById('map'), {
       zoom: 4,
       center: myLatlng
  });

对于每个地图单击事件,在地图上添加一个标记并将该位置保存在DB中。

  var marker = new google.maps.Marker({
    position: myLatlng,
    map: map
  });

您可以查看here,了解有关地图事件的更多信息

答案 1 :(得分:0)

使用Google或bing等地图工具。它们都有相当广泛的api。

获取用户固定位置并将其存储在数据库中时的经度/纬度。初始化地图时,拉出所有存储的坐标,然后在地图上简单显示它们。