anas/divan
1
0
Fork 0
Code Issues 12 Pull Requests Actions Packages Projects Releases Wiki Activity

#233 showing poet links in the map

Browse Source
This commit is contained in:
Hamid Reza Mohammadi 2021-11-05 16:01:37 +03:30
parent ebfd56e6a6
commit 313c4e1ffc
2 changed files with 28 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
GanjooRazor/Pages/Map.cshtml
View File

@ -16,6 +16,9 @@
.leaflet-container {
background-color: #c5e8ff;
}
.leaflet-popup-content{
font-family: 'Vazir'
}
</style>
<script src="https://code.jquery.com/jquery-1.10.2.min.js"></script>
<script src="~/js/leaflet.js"></script>
@ -46,10 +49,28 @@
L.tileLayer.provider('Stamen.Watercolor').addTo(map);
oms = new OverlappingMarkerSpiderfier(map, { keepSpiderfied: false });
oms = new OverlappingMarkerSpiderfier(map, { keepSpiderfied: true });
poetsgroups = @(Html.Raw(Newtonsoft.Json.JsonConvert.SerializeObject(Model.PoetGroupsWithBirthPlaces, Newtonsoft.Json.Formatting.Indented)));
var popup = new L.Popup();
oms.addListener('click', function (marker) {
var poetDesc = marker.desc;
var index = $('#rangeInput').val();
for (var i = 0; i < poetsgroups[index].Poets.length; i++) {
if (poetsgroups[index].Poets[i].Name == marker.desc) {
poetDesc = '<a target="_blank" href="' + poetsgroups[index].Poets[i].FullUrl+'">' + poetsgroups[index].Poets[i].Name + '</a>'
document.getElementById('maincnt').innerHTML = poetDesc;
break;
}
}
popup.setContent(poetDesc);
popup.setLatLng(marker.getLatLng());
map.openPopup(popup);
});
var rangeValues = [];
for (var i = 0; i < poetsgroups.length; i++) {
@ -72,6 +93,8 @@
marker = L.marker([poet.BirthPlaceLatitude, poet.BirthPlaceLongitude], { icon: icon });
marker.desc = poet.Name;
marker.addTo(layerGroup);
oms.addMarker(marker);
}
@ -97,6 +120,8 @@
var marker = L.marker([poet.BirthPlaceLatitude, poet.BirthPlaceLongitude], { icon: icon });
marker.desc = poet.Name;
marker.addTo(layerGroup);
oms.addMarker(marker);
}
@ -112,8 +137,8 @@
<div id="fa">
<div id="map" style="height: 500px"></div>
<input type="range" id="rangeInput" name="rangeInput" step="1" min="0" max="@Model.PoetGroupsWithBirthPlaces.Count" value="0">
<div class="century" id="rangeText">
<div class="century" id="rangeText"></div>
<div id="maincnt"></div>
</div>
</div>
</body>
</html>

2
GanjooRazor/Pages/Map.cshtml.cs
View File

@ -4,8 +4,6 @@ using System.Net.Http;
using System.Threading.Tasks;
using Microsoft.AspNetCore.Mvc;
using Microsoft.AspNetCore.Mvc.RazorPages;
using Microsoft.Extensions.Caching.Memory;
using Microsoft.Extensions.Configuration;
using Newtonsoft.Json.Linq;
using RMuseum.Models.Ganjoor.ViewModels;