Find Jobs
Hire Freelancers

Help! Leaflet (HTML, javascript) only shows top half of image at all zoom levels

$30-250 USD

I përfunduar
Postuar almost 3 years ago

$30-250 USD

Paguhet në dorëzim
Leaflet has been set up to display tiles made from an image file sized 8196 x 4750 pixels. Tiles are available for Zoom levels 0, 1, 2, 3, and 4. Zoom level 0 has two tiles. Leaflet only shows one tile (the top tile) even when it is dragged off the top edge of its display window and the other tile should automatically load in the opened space. Zoom level 1 shows the same half of the image, this time made up of several tiles. Similar for Zoom levels 2, 3, and 4 - the same half-image is shown, each made of many tiles, with the lower half of the image missing. What can you do to get Leaflet to load the full image? I have tried to add setInterval(function () { [login to view URL](); }, 5000); as suggested at various websites. Did I code this wrong? I made my own tiles. Did I make them incorrectly, or have I not included some additional file needed by Leaflet? I attach: (a) the original large image; (b) the set of tiles made from that image; (c) an HTML file that displays the tiles using Leaflet; and I describe here basic instructions on how to use these files to observe my concern with Leaflet. You can use your own resources to create tiles from the large original image if you think my set of tile files are incorrect or incomplete. You can see the HTML and javascript used to show Leaflet in operation and behaving badly. You should want to have experience specifically with Leaflet because the only concern is to get Leaflet to display the full image at all Zoom levels. If you are not facile with Leaflet this may not be an opportunity for you. My request is very specific and I seek a very specific solution. I attach files. Make a folder, download the "tiles" compressed file and extract it there. Download the HTML file in that same folder. And download the large, whole, image so you can know how a full image should look (and so you can generate your own tiles if that's what you choose to do). The HTML file will for the tiles in the same folder. Let me know if you need help with this. Do you have questions or comments? Have a look at the files and get back to me!
ID e Projektit: 30603254

Rreth projektit

12 propozime
Projekt në distancë
Aktive 3 yrs ago

Po kërkoni të fitoni para?

Përfitimet e ofertës për Freelancer

Vendosni buxhetin dhe afatin tuaj
Paguhuni për punën tuaj
Përshkruani propozimin tuaj
Është falas të regjistrohesh dhe të bësh oferta për punë
I dhënë për:
Avatari i Përdoruesit
$0 USD në 1 ditë
5,0 (28 përshtypje)
5,8
5,8
Avatari i Përdoruesit
Hi, and thanks for the invite. There's not much to update in your code so I'll just type the correct solution below: Step 1) Add coordination system when defining Leaflet map. Default coordination for Leaflet is EPSG3857 which don't really match your beautiful map tiles. You can use the simplest of the coordinations available in Leaflet: [login to view URL] Step 2) Define where your map/tiles start and end. Bounds as they call it in GIS world. And that's all. I put sample code here if you wish to copy-paste your way forward: [login to view URL] Have nice day! With respect, Tatu Rahja
$100 USD në 1 ditë
5,0 (13 përshtypje)
5,8
5,8
12 profesionistët e pavarur ofrojnë mesatarisht $158 USD oferta për këtë punë
Avatari i Përdoruesit
Hello I am expert in html5 css and js. and. i am ready to start work from now. i will give. you work tested with all devices and perfect Let me know for the dicuss Thanks
$140 USD në 7 ditë
4,7 (7 përshtypje)
4,1
4,1
Avatari i Përdoruesit
Hi There, i am a Website designer and developer. i have 05 years experience in website designing and development. i am expert in website designing and development. please message me to discuss about your project so that i can guide you in a proper way. i am waiting for your reply. Thanks & Regards, Rizwan.H
$140 USD në 7 ditë
4,8 (17 përshtypje)
3,7
3,7
Avatari i Përdoruesit
Hello, I know what to do. I'll tell you when you message me because it's a lot of steps. Anyway, message me ASAP.
$99 USD në 1 ditë
5,0 (3 përshtypje)
2,1
2,1
Avatari i Përdoruesit
Dear, client. I've just finished reading your job post and been convinced that I can do it very well. I have got 5+ years of experience in UI/UX development. HTML, CSS(SCSS), PHP and Java Script are my top priority skills.. These are my skills: - HTML5, CSS/SCSS/Tailwind, Bootstrap3/4/5 - Responsive, Pixel perfect - React.js, VueJS, Angular - Wordpress, Shopify, ecommerce/woocommerce - PHP, Laravel, MYSQL, Javacript, AJAX If you require, I should work for you with full time service in anytime, anywhere. I believe that this would be golden chance for you to get a potential and reliable freelancer. Thanks.
$140 USD në 7 ditë
5,0 (2 përshtypje)
1,0
1,0
Avatari i Përdoruesit
Hello there, my name is Jim and im a full stack developer with almost 2 years of programming experience in web delevopment ( html, css and javascript). As im new here, looking to get some good testimonials i will try to provide you high quality services for as low cost as possible. Feel free to message me anytime, so we can then discuss more about your project. Many thanks in advance
$140 USD në 7 ditë
0,0 (0 përshtypje)
0,0
0,0

Rreth klientit

Flamuri i UNITED STATES
Beverly Hills, United States
0,0
0
Anëtar që nga pri 23, 2021

Verifikimi i klientit

Faleminderit! Ne ju kemi dërguar me email një lidhje për të kërkuar kredinë tuaj falas.
Ndodhi një gabim gjatë dërgimit të email-it tuaj. Ju lutemi provoni përsëri.
Përdorues të regjistruar Punë të postuara
Freelancer ® is a registered Trademark of Freelancer Technology Pty Limited (ACN 142 189 759)
Copyright © 2024 Freelancer Technology Pty Limited (ACN 142 189 759)
Po ngarkohet shikimi paraprak
Leja u dha për Geolocation.
Seanca e hyrjes ka skaduar dhe ke dalë. Hyr sërish.