Show POIs from OSM in a map using OverpassAPI
Home Page: http://upoi.org/
License: GNU General Public License v2.0
Show POIs from OSM in a map
Strongly based on :
Me parece a mi o falta una caja de búsqueda para cambiar de ciudad?
We need to add the current layer selected to the permalink.
When the user clicks on an icon, it would be great to show the comments for that place in the sidebar on a specific pane for this.
Another way to show this, because maybe it's a little bit aggressive is show a link "Nobody has commented this place yet" (or the number of comments) and when it's clicked, open the sidebar pane.
Automatically open the popup for the current selected POI.
... and it never disappears until an ajax request is made for another bbox again.
Use fa-comments icon for this
Add a bar or something that makes the user knows that we are in beta...
... use another extra bar to say this branch is master
Marco Antonio - @51114u9
@argenpython una buena es opción es añadir las distintas capas
disponibles (std, hot, cycle, mquest, lykr, opensurfer, osmfr, etc)
Documentation:
The idea is to show some POIs (comming from a GPX file) in some highlighted way.
Use specific icons for different tags. For example, the stars tag for hotel could be up to five yellow stars, or something like that.
The same for the wifi, website or email...
While the OverpassAPI is loading and the spinner is being showed, if you click the spinner (or next to it) you can't move the map.
Find a way to make it transparent and not clickable.
Check compatibility with: #30
The idea is to mark some POIs as favorite (with a simple click in a star icon next to the tag popup). Once the user finishes to mark his/her favorite POIs he/she should be able to export them as .gpx.
https://www.npmjs.com/package/togpx
This is useful to import this POIs in OsmAnd, for example.
Consider using a right sidebar for this settings
I receive some comments that POIs demand too many time to appear. Maybe we can exclude some data from the response to optimize it.
If you take a look closely the shadow increase when you click on a permalink
It would be awesome to be able to use the same icons than mapnik (http://wiki.openstreetmap.org/wiki/Mapnik)
If you try to "share the link" after opening "Home" sidebar pane it won't work because #home is added to the hash and the important information is removed (#{zoom}/{lat}/{lon})
This depends on #6
Use "Atracción turística" for those POIs that have "tourism" (viewpoint, for example)
I don't know why
Estaría bueno poder "seleccionar todos" los tipos de puntos con un solo click.
When you "query" the map in http://osm.org and you hover the mouse for the resulting list you can see the item / node / way / relation highlighted. Maybe, something similar to that (in the sidebar panel) will be really good.
https://github.com/turbo87/sidebar-v2/
Add About, Contact and other pages in the sidebar.
There is a message at the bottom that appears when you select some POIs but the zoom is not the appropiate to show them.
Show a spinner or something to inform about this,
I realized that we are using an old version of jquery unnecessarily.
It would be good to center the map in the user's location based on their IP or something like that, without the needing of asking for their location using HTML5.
Is this possible?
Change "Show me where I am" for something in Spanish.
When a building matches a POI it's not shown in the map because we need to filter by "way" instead of "node". In case we filter by "way", we need to get the lat/lon of the centre of all those "nodes" because it doesn't come with the data.
This could be useful to show "unparsed" data: like we are showing right now.
This feature will be useful once #9 will be implemented so user with more knowledge / experience will be able to see more data.
When the permalink saves the selected POI, it would be great to highlight this POI using a bounce marker: https://github.com/maximeh/leaflet.bouncemarker .
Once the animation finishes, we open the popup.
Use recordmydesktop for this.
I would like to say: "I'm going to take this route, what POIs are nearby (10 / 50 / 100 Km)"
http://wiki.openstreetmap.org/wiki/Overpass_API/Language_Guide#Something_near_something_else
There a lot of code inside site.js that could be embedded into a single function.
Be able to create a 'permalink' to share with others saving:
Now, all tags are displayed in the popup without being processed. It would be awesome if we parse all the tags to show different icons and links in the popup.
When the user clicks in many check-boxes there are multiple queries sent to OverpassAPI and this create a conflict because a query per click is sent.
Possible options:
This could be useful when routing was implemented: https://github.com/aratcliffe/Leaflet.contextmenu
Add an input where a person with more knowledge in OverpassAPI can search another kind of POI. This is useful to test the API and also other personal interesting POIs that maybe are not globally.
That
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
Django
The Web framework for perfectionists with deadlines.
Laravel
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
Microsoft
Open source projects and samples from Microsoft.
Google
Google ❤️ Open Source for everyone.
Alibaba
Alibaba Open Source for everyone
D3
Data-Driven Documents codes.
Tencent
China tencent open source team.