Open OwaisNadeemCentric opened 10 months ago
Hi @OwaisNadeemCentric, thank you for the report.
We do have a sample for using other languages - with the Esri Basemaps service v2 - in the examples folder: https://github.com/Esri/esri-leaflet-vector/blob/master/examples/languages.html
That looks correct to me (although I do not speak the language so it's hard for me to confirm):
But that sample uses L.esri.Vector.vectorBasemapLayer
, where your example is using a custom Vector Tile layer using L.esri.Vector.vectorTileLayer
, so it's a different use case.
if you requires tileserver url and apiKey let me know. But it is confidential.
In order to help out more, yes we would need a replication case. You could share us the URL and apiKey, but a better way would be if you can share the steps for us to create and publish a vector tile layer that demonstrates the issue. Or if you can share a publicly accessible layer that demonstrates the issue.
Thanks!
Thank you for looking at this issue I am sharing the current implementation with esri-vector
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<!-- Load Leaflet from CDN -->
<script src="https://unpkg.com/leaflet/dist/leaflet.js"></script>
<!-- Esri Leaflet and Esri Leaflet Vector -->
<script src="https://unpkg.com/esri-leaflet/dist/esri-leaflet.js"></script>
<script src="https://unpkg.com/esri-leaflet-vector@3/dist/esri-leaflet-vector.js"></script>
<link rel="stylesheet" href="https://unpkg.com/leaflet/dist/leaflet.css" />
<style>
body {
margin: 0;
padding: 0;
}
#map {
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
}
</style>
</head>
<body>
<div id="map"></div>
<script>
let map = L.map("map").setView([23.8859, 45.0792], 6);
const apiKey =
"lsDMaBfvbRC-tBrGd7LUCxoRxVbhH16ht_50KzUKPJNhqxwhCjbeDRWg3dziXOXTwCSV7VUdqURbs1pKqHCUFhKD9UZNnaFavcAgFdhJlBMFxNGgyugTAh8HQLy04Wu83uFQ4yCOZG4ebqR6_ygs22Xny-L5CW5KcHYjgGBg4veD7pbVk9aBwlFNXPrxic0e";
const vectorTileUrl =
"https://stgisudp.momra.gov.sa/server/rest/services/Hosted/Public_Basemap/VectorTileServer";
const layer = new L.esri.Vector.vectorTileLayer(vectorTileUrl, {
apikey: apiKey,
});
layer.addTo(map);
</script>
</body>
</html>
Thank you. Replication case:
Also I am sharing arcgis implementation try running it with live server. arcgis_map.zip
Thank you. Replication case:
- Using the ArcGIS Maps SDK for JavaScript,the labels are correctly on two lines: https://jsbin.com/zuronin/1/edit?html,output
Using Esri Leaflet Vector, the labels are not on two lines: https://jsbin.com/ramerux/edit?html,output
- Expected: labels on two lines for both
- Actual: labels are not on two lines for the second example
Arabic text is breaking also someone who can read arabic can notice that actually arabic is starting from left instead of right
also someone who can read arabic can notice that actually arabic is starting from left instead of right
thank you for pointing that out! I do not read Arabic so that was not obvious to me.
I have just noticed in your screenshot arabic is still breaking
For better clarity as you can see in this image the arabic is broken as well as starting from left :
and here you can see the letters are joining correctly as well as the first letter starts from right and so on.
I have just noticed in your screenshot arabic is still breaking
Can you please confirm: the Arabic in this screenshot is left-to-right when it should be right-to-left?
I have just noticed in your screenshot arabic is still breaking
Can you please confirm: the Arabic in this screenshot is left-to-right when it should be right-to-left?
Yes In all of the screenshot arabic is starting from Left to Right.
Thank you for confirming that. It seems like we have two separate issues going on here:
Edit: see my separate issue here: https://github.com/Esri/esri-leaflet-vector/issues/204
So We can use mapbox-gl-rtl-text-plugin with esri to solve this issue right now ?
@OwaisNadeemCentric please move all discussion around the backwards RTL text to #204. Thanks
@OwaisNadeemCentric I would try to reproduce the following:
Describe the bug
When I try to use arcgis method to add a vector tile layer the arabic text doesn't break as you can see in the SS:
But when using esriVector the arabic text breaks.
Reproduction
if you requires tileserver url and apiKey let me know. But it is confidential.