In Progress

Map Creator based on CANVAS - upgrade

I need a location creator consisting of different imgs

Functionalities : - objects can be drag and dropped within canvas ( adding ) and outside of it (removing )

- objects must snap lines and snap points

- it must include collision detection ( for objects )

- triming the map ( the remaining space to be removed )

- untrim the map to the original dimentions whidth and height

- When the map loades, it is grouped by default in 3 parts (front , middle , back)

front, middle and back act as layers with canvas. So objects will be dropped inside layers, and these layers are inside the canvas.

-Side bar : must be out of canvas. on this side bar will be all the elements which can be dragged and dropped into thoese canvas layers.

- SAVE : serializate the canvas as json in the form of :

{

"front": [

[{

"price": 70,

"type": "seat",

"icon": "[url removed, login to view]",

"coords": {"y": 0, "x": 5}

}, {

"price": 70,

"type": "seat",

"icon": "[url removed, login to view]",

"coords": {"y": 0, "x": 10}

}]

],

"middle": [

[{

"type": "[url removed, login to view]",

"coords": {"y": 15, "x": 5}

}, {

"price": 70,

"type": "seat",

"icon": "[url removed, login to view]",

"coords": {"y": 20, "x": 15}

}]

],

"back": [

[{

"price": 50,

"type": "seat",

"icon": "[url removed, login to view]",

"coords": {"y": 25, "x": 20}

}, {

"type": "playground_kids",

"icon": "[url removed, login to view]",

"coords": {"y": 50, "x": 50}

}]

]

}

Skills: CSS3, HTML5, Javascript

See more: qgsrubberband, qgsvertexmarker, map canvas html5, qgis map canvas, qgsrectangle, qgsmapcanvasitem, qgis canvas extent, qgsmaptool, google map web based route creator, google map creator download shapefile, delphi games map creator, pin map creator, xml isometric map creator, invitation map creator, bsp map creator

About the Employer:
( 9 reviews ) Constanta, Romania

Project ID: #16317959

9 freelancers are bidding on average $21 for this job

happyman9184

Hi! I am very familiar with canvas. i can do it. it is very easy. Please discuss it. .

$25 USD in 1 day
(4 Reviews)
3.6
infoshemeer

Hello, we are the strong team of PHP expert and web Designer, Developers, specialized in a lot of frameworks. We have very strong knowledge of theme customization. I have 8+ years experience with WordPress, Codeigniter More

$30 USD in 1 day
(14 Reviews)
3.1
webdeveloper0325

hello i am professional web designer and php developer. if you hire me you don't need to worry about project and my skill. i will respect your opinion, i will do best. if you no hire me , i can suggest my opinion. More

$20 USD in 1 day
(10 Reviews)
3.3
webdevangel

Hello ! thank you for your post. I have read the your description carefully. I have the sufficient experience(more 5 years) in developing of web app/hybrid app(animation, game, drag/drop, editing/processing image a More

$30 USD in 1 day
(8 Reviews)
3.2
aditipanchal1993

heelo sir i have read your all requirement that you mention in description. we will provide the functionality that you have mentioned in description of drag and drop of images to add and remove directly from panel. the More

$10 USD in 1 day
(1 Review)
0.4
Unlimetedtech

A proposal has not yet been provided

$20 USD in 1 day
(1 Review)
0.0
nrjdev18

I have created map for a real estate site with HTML 5 , [login to view URL] , canvas and html5 [login to view URL] login is tes1 / 1111 . it covers all the functionality you mentioned . please ha More

$20 USD in 7 days
(0 Reviews)
0.0
$20 USD in 1 day
(1 Review)
0.0
Dongdong2000

I will help you with my development experience and enough time. I will be faithful to your request and will complete your project unconditionally and cleanly.

$10 USD in 0 days
(0 Reviews)
0.0