Create an interactive map using JavaScript/jQuery

Question

I would like to implement a little map "like" Google Maps. Its a fictive one (Game Map). I should have the ability to zoom and move around. Also i would like to be able to put some markes on it and do a very basic routing.

My question is now purly conceptual. How would you realize this? Map as background that scales and moves. Then an overlay like a Canvas object to draw over it? Somene has experience with this? I don't really know if this is the right approach.

Thank You.

There are some tools out there (OpenStreetMap, GeoServer) that would allow you to build a map server that hosts the tiles of your map data with a pretty decent maps api on the front end - not sure if that would meet your needs or not. — Mikeb
– Mikeb, Commented Apr 26, 2013 at 12:59
Form is a picture right now. I could of course make a mapping on my own with some pathpoints or similar. BTW Ty for the link Antony looks like an awsome page i didn't know yet :D — s_qw23
– s_qw23, Commented Apr 26, 2013 at 13:04

smj2393 · Accepted Answer · 2013-04-26 12:58:16Z

2

Have you ever used a program called Impact?

its really useful when building games in HTML5

http://impactjs.com/

answered Apr 26, 2013 at 12:58

smj2393

1,9571 gold badge23 silver badges53 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

s_qw23 Over a year ago

Ty for the link. Actually I am not programming a game. I am mapping an existing one. So I don't think a Tile-Map can help me here.

Narek · Accepted Answer · 2013-04-26 13:10:19Z

1

I don't fully get what you want but with jVectorMap ou can create you own vector(!) maps with markers and custom colors.

So I think it will help you.

answered Apr 26, 2013 at 13:10

Narek

3,8235 gold badges45 silver badges59 bronze badges

3 Comments

s_qw23 Over a year ago

This hint was awsome. Ty very much.

Constantine Over a year ago

A question after seeing this, does this allow me to create a custom map? not realworld info(like a map from lord of the rings) or is it limited to the earth map?

Narek Over a year ago

@Kostas They have exmple of Map of the Mall (jvectormap.com/examples/mall), you can use same for your custom map.

Collectives™ on Stack Overflow

Create an interactive map using JavaScript/jQuery

2 Answers 2

1 Comment

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related