Using personal SVG map

[Guillaume84]

Hello,

Hope this finds you well. I am amazed and very impressed by this script and had a quick question.

It looks like all the examples on your page are using the Mapquest open tile set. I envisage a much leaner interface for my project, and was in fact hoping to use a simple 'political' map which just shows national boundaries. In addition to this, I would like the map to still display the cities (and your awesome label placement algo), some features (e.g. rivers, lakes) but no roads, etc.

Is it therefore possible to overlay all these 'layers' (cities, lakes, roads, etc.) on top of a custom built SVG map? Please let me know if there is a way to achieve this and many thanks for your time!

Kind regards,
G BdeJ

[ryanttb]

Sorry for the delay, had accidentally unwatched my own project!

The answer depends on what exactly you mean by "custom built SVG map." The features will only liny up of everything's in the same coordinate system. If they are, there's no reason you can't put the SVG map inside the jQuery Geo map...though make sure you disable panning & zooming. HTML could look something like this:

<div id="geomap" style="height: 480px;">
  <svg id="svgmap" style="position: absolute; left: 0; top: 0; witdth: 100%; height: 100%;"></svg>
</div>

Though, to be honest, I don't have too much experience with SVG. Another thought is to parse the SVG with JavaScript as XML & append them to the geomap as shapes.

If you want the map to be pannable, it will be even more complicated and I would have to see an example of the SVG map you're trying to work with.