How to make a web page with a map, ideally editable data?

raindog308

I collecting info that is geographically based for a small project. For each point on the map, I want to make some notes, so that when you click on the map point, there's a pop up or something. Ideally the points are color-coded.

So you'd look at it and say "these here are red, so not interested. This one is green...mouse over and read snippet...right, click and read the full details...go on to next..."

Just for use by a few people...ideally they can edit the data over the web sort of wiki-like. I'm assuming there's some Google map API or a wiki plugin...? Ideas?

Seriously2015

@raindog308 try this site http://createaclickablemap.com/

perennate

https://developers.google.com/maps/tutorials/kml/

KML file format is a simple XML format with special location-related attributes. It works in Google Earth too.

Edit: actually that one is a bit weird; you should just be able to directly upload a KML file, maybe you have to use "My Maps"? https://support.google.com/mymaps/answer/3024937

gonggo

https://www.mapbox.com/

their free plan comes with 50,000 monthly map views

ihatetonyy

Try something like this: https://github.com/goFrendiAsgard/Leaflet-demo -- I found it on Google so I can't vouch for its quality, but basically it's Leaflet + PHP + MySQL. You could then whip up something quick and ugly to allow others to add points to the map.

raindog308

Thanks everyone for your suggestions.

jar

I read "edible" data and I was quite disappointed. Oh well, back to the drawing board.

a-super-random-user

Try Open Map also.

wiki.openstreetmap.org/wiki/API

ybenz

the closest thing i can think of (without coding) is clickablemapbuilder.com with it you can displaydata when mouseover a state/region, if you're ok with coding a bit of javascript you can use http://www.html5interactivemaps.com/ it has the point/location you need although i think its paid.

raindog308

I ended up using the Google Map API which I found really easy to use.

https://developers.google.com/maps/tutorials/kml/

It has some quirks, definitely...for example, you have to rename your kml every time you change any data because of Google's aggressive caching, but overall it worked pretty well.

Thanks again all.

Cloudcone

If you are using the GAPI use this JS library (it is easy):

http://hpneo.github.io/gmaps/


What you are interested in is this:

https://hpneo.github.io/gmaps/examples/markers.html