Web Design HTML CSS

You are reading a single comment by @skinny and its replies. Click here to read the full conversation.

•

Howard in reply to @skinny

If you can feed it HTML and CSS you could try something like this; a relatively positioned container with the map as the background with a bunch of absolutely positioned hotspots in it.

You'd have to make the showImage() function, obvs.

<div id="map" style="position:relavitve;background-image:url('map.ping')">

<a onclick="showImage('detroit')" href="detroit.png" style="display:block; position:absolute; top:x left:y; background-image:url('marker.ping'); height:20;width:20; margin-left:-3000px">Detroit
</a>...
</div>

•

skinny in reply to @Howard

Thanks let me look.

I held back information that is clearly important, the map has a route on it. I want to show what certain parts of a route are like with images.

•

Jaaamie in reply to @skinny

Take this with a pinch of salt as am a WebGIS developer but easiest thing is to create a leaflet webmap.

Create the route as a gpx / kml
Add markers as geojson points
Add popup functions to the points, embed the images in the popups

Web Design HTML CSS

About

LFGSS