Google Maps similar, with custom images/background

This is what I'm looking for:

Create a web map for a game using Leaflet JS library. The map is for a flat game world that consists of a 99x99 grid of different regions/maps. The map should project these 99x99 tiles on a flat surface, with wrapped edges (no edge of map, but x+1 from 99,99 should be 01,99, etc.). For the lowest zoom levels tile images are provided as one image for each region. The map should have a background color to represent open ocean, as not all regions will have an image available and should then just be displayed as open ocean if no image was found for that region/tile. For highest zoom levels, multiple tile images for the same region may be provided, but only a few regions will have this level of detail, while other regions will have a smaller maximum zoom level. The end result should look similar to the Secondlife Grid Map at [login to view URL], for inspiration. There should be javascript exports (available easy-to-use functions that can be called) in order to perform actions with the map through later PHP and ajax integration. Such actions should be setting map location and zoom level of current view, adding map markers, icons and clickable areas at specified coordinates, open tooltip windows for a map location, open tooltip windows for clickable icons/markers/clickable areas. The map coordinates must somehow match the game world coordinates, which requires some convertion functions. The game world uses Vector3/x,y,z floats, where each region in the 99x99 grid is a separate coordiante space. Regions will be separated with an additional integer along with the x,y,z floats, which specifies a unique number for the region (region at 50,50 has number 5050, region at 01,01 has number 101).

TLDR: A kind of Google Map, but with our own images. And instead of using 1 very, very big image of our virtual world, we'd only have images of part that arent water.

I really want it like the Second Life map. I managed to make it myself with 1 big image that is cut into tiles, but that's too heavy.

Because our world can be like 90000 px X 90000 px (approximatly)

so making that huge image is too heavy

The point is that almost all the map is water, so it doesnt have to be a rendered image. It can be simply a css color for the background, where there's no image.

Kemahiran: HTML, Javascript, PHP

Lihat lagi: google map image generator, google map modes, google maps set tilt, what kind of map is google maps, google maps tile overlay, https developers google com maps documentation javascript examples full images beachflag png, different google map views, google maps custom tiles example, google maps api custom info window, google maps similar service maplib, google maps api custom button examples, google maps api custom map joomla, google maps api custom marker example, google maps markers custom numbers, google maps api custom pin, google maps api custom markers, google maps directions custom markers, google maps add custom pin, google maps infowindow custom, google maps markers custom

Tentang Majikan:
( 3 ulasan ) Quebec, Canada

ID Projek: #15584313

7 pekerja bebas membida secara purata $113 untuk pekerjaan ini

$35 CAD dalam 10 hari
(114 Ulasan)
$555 CAD dalam 10 hari
(20 Ulasan)

I can build anything you need!!! I am an expert .PHP Developer and have to my credit many years experience working for employers around the world. My experience includes working as a .PHP Developer Relevant Skills and Lagi

$50 CAD dalam 10 hari
(68 Ulasan)

Hello I understand your requirements. I am able to do this work according to your needs. I have 2 year hand on experience in web development and one year as front end developer. I have sound knowledge of Wordpress Lagi

$45 CAD dalam 2 hari
(18 Ulasan)
$35 CAD dalam 10 hari
(16 Ulasan)
$35 CAD dalam 10 hari
(9 Ulasan)
$35 CAD dalam 10 hari
(0 Ulasan)