How to Allow Users to Access and Annotate Site Drawings on a WordPress Site?

  • Hello
    I’m currently developing a WordPress site that needs to allow operatives direct access to uploaded site drawings. These operatives should be able to drop color-coded pins on these drawings for the purpose of locating, documenting, surveying, and maintaining works on site.

    The desired functionality is:

    1. Operatives should be able to access specific site drawings uploaded to the WordPress site.
    2. They should be able to drop pins on these drawings.
    3. The pins need to be color-coded, and operatives should have the ability to choose the color when dropping a pin.
    4. These pins will be used to locate, document, survey, and maintain works on the site.
    5. The pins and corresponding data should be saved and available for future reference.

    I’m unsure of how to proceed with implementing this functionality. Are there existing plugins or solutions that can achieve this, or will it require custom development?

    If a custom solution is needed, could you please guide me on how to start building this functionality, or point me to resources that might be helpful?

    Any help would be greatly appreciated. Thank you.

Viewing 4 replies - 1 through 4 (of 4 total)
  • Moderator bcworkz

    (@bcworkz)

    The solution depends on what format the drawings are saved as. DWG is the most common for technical drawings. There are a number of online DWG annotation apps. Search the ‘net for “annotate dwg online”. Solutions from Autodesk are possibly the most reliable. And most expensive.

    I don’t know anything more about these other than that they exist. I’m guessing there’s no WP integration available. But these are likely implemented as browser extensions, so your site needn’t do much more than initiate the extension download and host the drawing files.

    Thread Starter aleruss

    (@aleruss)

    Hello @bcworkz , thanks a lot for taking time and responding to my question. The images will be uploaded as png. After uploading the user should be able to choose a pin, and insert in somewhere on the png file. we are looking at building floor plans and the pins should indicate the location of fire exits, for example. I’ve looked to find some WordPress plugin, but couldn’t. I was wondering if I could use some custom css code for that part?
    Thanks

    Moderator bcworkz

    (@bcworkz)

    Sorry. I’m unaware of any such plugin. This does not mean none exist. CSS alone will not provide the interactivity you are after. CSS can position pins over a PNG image, but it cannot get user input about the positions desired. You’d need JavaScript code to provide the interactivity.

    What does offer pin drop interactivity is Google Maps. Its Maps JS API will let you define your own set of map tiles and allow users to drop pins anywhere on the map. The map tiles can be of any image you’d care to use. The issue here is your image needs to be sliced up into individual tiles, and you need a different tile set for each zoom level you want to support. There might be apps that automate this process, IDK. You’d still need to develop how users would specifically interface with the map.

    Thread Starter aleruss

    (@aleruss)

    Thanks a lot! I’ll have a look into the suggestion you pointed me. After I’ll finish I’ll come back and let you know which was the best option for me ??

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘How to Allow Users to Access and Annotate Site Drawings on a WordPress Site?’ is closed to new replies.