Đã Đóng

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 [url removed, login to view], 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.

Kỹ năng: HTML, Javascript, PHP

Xem thêm: 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, google maps infowindow custom marker, google maps api custom map, google maps api custom marker

Về Bên Thuê:
( 0 nhận xét ) Quebec, Canada

Mã Dự Án: #15584313

8 freelancer đang chào giá trung bình $104 cho công việc này

$35 CAD trong 10 ngày
(37 Đánh Giá)
5.0
SohaibRehman17

Five star technologies passion Relevant Skills and Experience I have 7 years experience with your project skills Proposed Milestones $40 CAD - work

$40 CAD trong 1 ngày
(20 Đánh Giá)
4.8
$555 CAD trong 10 ngày
(17 Đánh Giá)
4.7
hiteshkumar2

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 Thêm

$45 CAD trong 2 ngày
(8 Đánh Giá)
3.7
infoshemeer

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 Thêm

$50 CAD trong 10 ngày
(32 Đánh Giá)
3.5
$35 CAD trong 10 ngày
(5 Đánh Giá)
2.3
$35 CAD trong 10 ngày
(5 Đánh Giá)
1.2
$35 CAD trong 10 ngày
(0 Đánh Giá)
0.0