All geek questions in one place

Convert custom drawing to interactive map?

I have a building plan in PDF that I want to render as a map using tools like MapBox , FusionMaps, or AmMap . I want to redo the floor plan if necessary.

  • What format should the card data be displayed in?
  • What tool can I use to create this data?
+4
source share
3 answers

The solution I came to is not to use geographic data, but instead draw a map in something like Illustrator, save as SVG, and then use Raphael.js to create the visualization.

Here are a few examples:

http://return-true.com/2011/06/using-raphaeljs-to-create-a-map/ http://playground.mobily.pl/tutorials/building-an-interactive-map-with-raphael. html

+2
source

Firstly, none of these tools will be well suited for visualizing floor plans. They are intended for wider geography. I am not familiar with architecture applications, but I am sure that many exist to do what you want. If I had to do this in an application such as geography, I would probably create a floor plan in ArcGIS or QGIS and export it as a .shp or .svg file. Google Sketchup is also ideal for drawing and visualizing floor plans.

0
source

I would export the PDF to a large image format, then I would use a tool like

GMapImageCutter - http://www.bartlett.ucl.ac.uk/casa/latest/software/gmap-image-cutter

MapTiler - http://www.maptiler.org/

To slice an image into tiles. Once this is done, upload the tiles to your server.

You can then use Google Maps, Yahoo Maps, Microsoft VirtualEarth, etc. to view tiles as a custom map.

Personally, I would recommend using V3 Google Maps Api to display fragments. The great thing is that you don’t have to have a wrap card. That is, the image should not wrap north / south or east / west, which is ideal for floor plans.

If any markers are required on the received cards, they can be added very easily, and these markers can refer to other cards. Things like stairs, elevators, etc., may be navigable.

Here is an example of using GMapImageCutter to display the HI-RES composite photo that I took.

http://www.msa.mmu.ac.uk/~fraser/roof/

0
source

Source: https://habr.com/ru/post/1395310/

More articles:


All Articles