google map in html5 canvas with element + relation
$30-250 USD
In Progress
Posted about 12 years ago
$30-250 USD
Paid on delivery
What I need is :
map in a html5 canvas
a javascript method to add some entity (Business and or people), position by there adress adress.
a way (method or param of the previous method) to add relation between entity present on the map.
Each entity is represent by a graphic (maybe round for people and square for bisiness)
on click of the entity, I want a summary of this entity that pop near the graphic representing this entity.
each relation between 2 entity need to be illustrate by a line between the 2 entity.
The relation need to have a label to describe the relation.
More than 1 relation is possible, so if more than one relation for the same 2 entity is present, the line need to be an arc so we can see both line (let said it need to look good from 1 to 5 relations)
The map need to be "dragable".
The map need to be repositioned and rezoomed when the addEntity or addRelation method is called
Need to ave a clear method to remove all entity and relation, so I can call AddEntity and addRelation method again.
I need to apply a design to it after so code your thing so it will be easly skinable.
the javascript method I will call should look like this :
[login to view URL]([
{id:1, type:'person', label:'Mr. white'},
{id:2, type:'person', label:'Mr. Pink'},
{id:3, type:'person', label:'Mr. Yellow'},
{id:4, type:'business', label:'Grey store'},
{id:5, type:'business', label:'Blue shop'}
]);
[login to view URL]([
{from:1, to:4, label:'work at'} ,
{from:1, to:4, label:'is owner of'} ,
{from:1, to:2, label:'is the boss of'} ,
{from:1, to:2, label:'work with'} ,
{from:5, to:4, label:'is a client of'}
]);
Show me a little prototype with the map, 2 fix entity and 1 relation between those 2 entity and I award you the bid.
I don't want to see any : I can do it sir, I can start right away kind of bid.
Need to be deliver in a couple of days.
If satisfy, I will have other project like that for you.