How do I export or convert SVG files in some map file?

Hello Breki, thanks for your answer, I began on the world of the maps just a few days ago. I readed and executed your tutorial but

I didn´t explain properly what I really need to do, let me show you some examples, I need to:

1. Change the color of streets and blocks of the map to my own style, for example I like blue and yellow colors for streets and blocks on the white color;

2. Add multiple pictures / icons that will be side by side and need to be carefully placed on the map (some I will need to rotate to fit better in a corner of the block) and I hope that these images are part of the background of the map that are not inserted as markers.

3. Save my new map with all changes and host on my website to the others users navigate on map like I navigated on your map, with zoom and pan, I think the term is "slippy map" for that, is it correct?

4. Later, i will create some events (click, mouseover, etc) to the region of the image through an API as OpenLayer and Leaflet;

Note that it is a hard work to place the images side by side in a specific location of each block. So I thought the best way was convert the map to .SVG so I could use Inkscape to do the job of moving images on the background of the map, rotate them and fit them properly.

I´ve found two images in the Google Images that sounds like what I need to do:

http://dl.dropbox.com/u/19078716/cm01.jpg http://dl.dropbox.com/u/19078716/cm02.jpg

Sorry for the huge email but I'm very lost with so much information at once.

Regards.

You approach is valid, since you need a lot of manual postprocessing. There are two problems I see: 1) I don't know of any tools that can generate slippy maps from SVG, 2) your manual postprocessing will have to be done separately for each zoom level you want to have on your web map. I guess the closest thing I see helping you is MAPublisher (http://www.avenza.com/mapublisher), but it costs allota.

I talked to support from MAPublisher and they answered to me: "You can really only create static maps for publication, as pdf's or Illustrator documents or Flash based maps using MAPublisher". So I think MAPublisher is not the most appropriate for the app I want to build =( Do you have another suggest?

Well, given how pricey their software is, this is a bit odd :). Here's another idea (but it will require a custom job for Maperitive, so you'd better contact me directly): prepare the data in JOSM, as an offline OSM XML file (which you mustn't upload to the server!). Draw extra OSM ways around the city blocks, putting an OSM node for each icon you want to place there. Then add the tag for each that node, telling the ID (or name) of the establishment. The rest would be a custom Maperitive script and you'd get web tiles directly, without the SVG and manual postprocessing.

Thanks for the help Breki! I will study the OSM Wiki. I´ve found (by Vincent de Phily) a plugin to JOSM that allows to load icons and display them as JOSM layer (with the rotate and scale functions). I dont know if it solves my problem because I do not know still tinkering with the data from JOSM. Here is the link for the plugin: http://wiki.openstreetmap.org/wiki/JOSM/Plugins/PicLayer http://josm.openstreetmap.de/wiki/Help/Plugin/PicLayer

According your experience on OSM, do you think it is suitable for my purpose?

How can I contact you directly to talk about that?

Thanks again =)

Thanks for your answer Vincent!

I don´t understand how I can do these steps.

"Once you've got your baselayer, you can create you picture layer in whichever image editor you like"

Baselayer is just the background with my style? is something like that -> http://maps.cloudmade.com/?lat=-8.069831&lng=-34.879553&zoom=16&styleId=68443&opened_tab=0

My picture layer that you say will be composed of a layer with the background image of a region of the map that I export from OSM (in .png for example) to open it in an editor (like Photoshop) and I'll place my icons in another layer (with transparent background) and then save the final image (in .png) without the layer that has the background of the map, leaving only the icons on a transparent background? and make images like that for each zoom?

and how can I add that image layer in my slippymap´s baselayer?

I am noob and completely lost ;)

Thanks again.

That would be very impractical (or even impossible) if the map area is anything but tiny - the bitmap size would too big for any software to handle this. If you had a slippy map that's, say 100x100 tiles large, you'd end up with a 25600x25600 bitmap.