Question

我正在使用Leaflet在我的Hybrid应用程序中显示地图。在地图中我有多个标记。我想在用户点击标记时重定向到下一页，并显示有关标记的详细信息。下面是我的JSON数据，我从那里获得lat和标记的长度。

以下是我的JSON数据

-n

HTML代码

[{"store_id":"1","store_name":"Wall Mart","store_address":"Forum Mall, Kormangala","store_latitude":"12.929328","store_longitude":" 77.605117","store_phone":"9848484848"},
{"store_id":"2","store_name":"Lifestyle","store_address":"K R pooram","store_latitude":"12.961398","store_longitude":"77.553128","store_phone":"858585858"},
{"store_id":"3","store_name":"More","store_address":"Katriguppe","store_latitude":"12.989943","store_longitude":"77.689106","store_phone":"8796543210"}]

控制器

<div id="map" style="width: 100%; height: 100%"></div>

由于

Answer 1

您应该使用marker的click事件来绑定一些ridirect功能。可以在angular：

中对$location服务进行路由操作

angular.forEach(data, function(location, key){
  var marker = L.marker([location.store_latitude, location.store_longitude]).addTo(map);
  marker.click(function(e) {
    $location.path('/some_route');
  })    
});

如何通过单击标记重定向到下一页并显示有关标记的详细信息？

1 个答案: