Giter Site home page Giter Site logo

openchargemap / ocm-app Goto Github PK

View Code? Open in Web Editor NEW
36.0 7.0 12.0 76.83 MB

The openchargemap.org web and mobile app

Home Page: https://map.openchargemap.io

License: MIT License

TypeScript 84.38% CSS 0.04% HTML 13.31% Java 0.27% SCSS 2.01%
ionic-framework typescript electric-vehicles chargingstation opendata

ocm-app's People

Contributors

dependabot[bot] avatar dimar01123 avatar iboboc avatar ibrahimbougaoua avatar reedy avatar webprofusion-chrisc avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar

ocm-app's Issues

Add photo while adding the charger

The app currently doesn't allow me to add a photo at the same time as I add the charger. This means I first need to add it, then wait 3 days for the edit to get automatically approved, then add the photo.

Usability of Network/Operator list

Having a single list of all the charging network operators worldwide makes it a bit cumbersome to use.
An option to only show providers in a selected country would make it much more user-friendly.
It would also be helpful to include a button to clear the selection.

iOS app crashes trying to take a photo

iOS 16.7
App 8.5.7

Selecting existing photos works fine.

trim.C8DFAEDB-A600-4D73-8086-C50C7E853A56.MOV

Doesn't seem to request or have camera permissions?

image

Improve Add / Edit charger pages

As is, the add/edit pages are difficult to use. Some small modifications would go a long way to making them easier for users to update the charge map. Suggestions:

  • Show only the minimum fields needed. Hide "additional" field under expanders to reduce clutter. Examples:
    • Address Line 2
    • Additional Location Details could be entirely hidden, perhaps under multiple expanders (contact info, access info, website)
    • Equipment Details could show only Connection Type and Power at minimum, other details can be extracted from these inputs.
  • Filter operator by region. By the time "Basic Information" is reached, a location has been input. The Network / Operator dropdown is huge and difficult to search through. This could be eased by filtering operators based on region.
    • May not be doable, depending on operator region knowledge.
    • Could develop this filter based on whether a given operator has a station within an arbitrary distance (1000 miles?) of the chosen location.
    • Could allow an override, (checkbox, "Filter operators by region"?)
  • Equipment Details, connection type is also a very large list. Would be nice to have filters for this.
    • Select Charging level first, grey out "Connection Type" until charging level is selected. Filter connections by charging level.
    • Icons for connection types would aid in selecting the correct plug.
    • Alternately, Level and Supply Type can be inferred from Max Power and Connection type, and would not need to be user input.
  • For ease of directing users from external sites to the POI add page at a given location, it would be nice to allow a URL like:
https://openchargemap.org/site/poi/add&lat=37.2&lon=-99.1

The map could do with a key

Hi,

This is great, but the map is a bit confusing - Why are some icons orange or grey? and what does a spanner or a stop sign mean?

Thanks for your work on the map!

Release for fdroid

is it possible to release an APK for fDroid or just make it available for each release?

Web-App sometimes does not display comments and photos

Sometimes the webapp (in the browser) does not display any comments and photos in the charger information dialog. Reloading the complete page is required to see them again. This happened several times after editing with the new editor, but may also have happened on its own.
I'm not sure how to reproduce yet.

Slow Map Perfomance

The map can get very sluggish in areas with lots of chargers (eg: central London, Paris, etc).

I experience this on my powerful desktop and on a fairly fast Android device (no idea about iPhones). I assume it's even worse for those with slower hardware.

I'm not a web developer, so I have no idea if the current implementation is the most performant, but if there's nothing left to improve, perhaps we could use "clusters" that are replaced by the chargers as we zoom in? A few sites that use maps to display data points do this and it seems to help with performance.

For example, https://portal.ubitricity.co.uk/map . They have hundreds of street light chargers, so they use these clusters:

As you zoom in, smaller clusters appear, until you can see the chargers:

On Android, I've been using EVMap ( https://github.com/ev-map/EVMap ) with OCM as data source since it's much faster than OCMs official app. This is how they do it:

And as we zoom in:

The details of how it's done (trigger points for smaller clusters and then to show the chargers, how many changers you need for clusters to be used, etc) can be tweaked as needed. And we can still pass useful information to the user by, for example, using different colors for clusters where fast chargers are available (just an example, if that's something that you want to highlight).

On top of the performance benefits, this would be useful when the 500 charger limit is reached: instead of seeing empty areas, the user would see a cluster and be aware that there's something there.

Power selector slider should have steps

The power selector slider goes from 0 to 650 kW. The "useful" range during a search when having a trip is "over 43 kw", as most cars won't take more than 150 kw, and most DCFC stations are 50 kw. So, especially on a phone, it's very annoying to choose a range starting between 43 and 50, the finger requires millimetric precision. Imho when dragging the slider it would be better to have steps like 25+

the best would be something irregular like "7-11-22-43-50-75-100-150-300". Or just a toggle "show only fast charging" where everything over 49 is shown

Support for networks charging apps

This is a feature request that I consider unique and game changing. It is a simple implementation in app and one change in system.

The issue:

  • There are hundreds of apps for charging, browsing, etc
  • Every network has his own application to monitor and control charging.
  • Usual user if looking for a charger, should first check in an app like OCM the nearby chargers then identify the network, search for his website/smartphone app, open/install it and use it.

The proposed implementation is:

  1. enable in OCM operator/network database a new field to store the name/link/id of his application for Android, iOS, web
  2. implement in app, when touch on a location the operator name to automatically detect os and open operator installed application (if not installed to open the store link).

This way, OCM will become the main EV owner app as a starting/first point to control access to any charger form any network.

Or, if not the purpose of OCM app, it will be nice to implement in the database and include that in the API to allow other apps to be able to do that.

Editor showing old data

When I try to edit data on a charging location, often the old data is shown instead on the equipment section, making editing essentially impossible. The node in question is OCM-16596, and it seems to be showing the old equipment more than 50% of the time when I load the edit dialog.

OSM

Please add the charging stations on osm.org
Retrieve dots from available in osm.org into openchargemap

F-droid

Please add the app in the F-Droid

Photo submission for pending location

I submitted a new location, and then went to add a photo to help whoever approves it.

Once the photo upload finished, I got the error message "The location you are attempting to view does not exist or has been removed", and the photo does not appear to have been uploaded.

Version 5.2.1 from Google Play on Android 8.0.0

It seems like photo submission is pretty important for a new site. Let me know if I need to provide more debug info.

Server Down

Hello,

There seams to be an issue with API request. Looks like the server is down.

  • The app does not work.
  • Unable to log in to openchargemap account.
    Can anyone confirm this?

Upload multiple photos at once

It'd be really useful when you've got saved photos if you could upload multiple photos at once, rather than one at a time...

Add Schuko icon file

I drown schuko svg icon, please add it to Open Charge Map.
schuko.zip

{
“FormalName”: “CEE 7/4”,
“IsDiscontinued”: false,
“IsObsolete”: false,
“ID”: 28,
“Title”: “CEE 7/4 - Schuko - Type F”
},

Slow Image Loading

Even on my fast home connection, image loading can be slow sometimes. It's not even the download speed, but it takes 2 or 3 seconds to start loading. This gets worse on 3G or slow 4G, which is a problem since a lot of people will be using this on the go, where signal might not be the best. And this is for small images. Larger sizes - which might be useful when we want to read text or something like that - takes even longer.

I had a quick look at the URLs and it seems to be hosted at S3's ap-southeast-2 (Sydney). A quick ping from my laptop:

ping -c 10 s3.ap-southeast-2.amazonaws.com
PING s3.ap-southeast-2.amazonaws.com (52.95.131.132): 56 data bytes
64 bytes from 52.95.131.132: icmp_seq=0 ttl=234 time=350.517 ms
64 bytes from 52.95.131.132: icmp_seq=1 ttl=234 time=369.815 ms
64 bytes from 52.95.131.132: icmp_seq=2 ttl=234 time=339.210 ms
Request timeout for icmp_seq 3
64 bytes from 52.95.131.132: icmp_seq=4 ttl=234 time=326.740 ms
64 bytes from 52.95.131.132: icmp_seq=5 ttl=234 time=348.050 ms
64 bytes from 52.95.131.132: icmp_seq=6 ttl=234 time=468.473 ms
64 bytes from 52.95.131.132: icmp_seq=7 ttl=234 time=332.683 ms
64 bytes from 52.95.131.132: icmp_seq=8 ttl=234 time=314.071 ms
64 bytes from 52.95.131.132: icmp_seq=9 ttl=234 time=328.323 ms

--- s3.ap-southeast-2.amazonaws.com ping statistics ---
10 packets transmitted, 9 packets received, 10.0% packet loss
round-trip min/avg/max/stddev = 314.071/353.098/468.473/43.543 ms

That's over 300ms away from me (Europe), so it explains the slow loading I'm seeing. It also explains the difficulties loading them on slow mobile networks (TLS handshake, slow connection, high ping to the server... it's going to be slow).

I guess the easy fix would be to put them behind AWS' own CDN (CloudFront)? This costs money though. And depending on the amount of traffic, CloudFront can be unnecessary expensive.

Since the project doesn't have revenues, perhaps you should look at cheaper alternatives. For example, Cloudflare R2 ( https://www.cloudflare.com/en-gb/products/r2/ ) is certainly cheaper than S3 and egress traffic is free. You don't even have to move your files right away from S3 as they have a feature that imports content as users load it from your S3 bucket. I'm just not sure if R2 requests are behind their CDN by default, but even the $20 plan gets you very far.

Bunny.net also has interesting prices, both for storage and as a CDN.

Since both are S3 compatible, using them should be easy.

I don't know if you should move away from AWS (for media storage), but I thought I'd mention these cheaper alternatives as they would allow you to either reduce costs or to speed up image loading around the world without spending more.

Anyway, while OCM works, this is something that could be improved.

Add Location always defaults to Australia

While very convenient for users in Australia, the Add Location via the map always defaults the Country in the address to Australia.

The main website Add A Location code has a reverse geocode for the address, which is good for most locations not near disputed border regions, and is better than simply assuming everywhere is Australia.

Add filter by photo

Hi,
Is it possible to add this filter: It help to find charger that need pictures 😄

BR,

New editor does not set charging level

The new editor does not set (or allow entering) the charging level field. This results in new entries which do not have the appropriate color in the map.

License?

Hi,

I would like to reuse some of your icons for a similar project. Is that possible? If so, under what license?

Translations: use single JSON template for app translations instead of using translation tools

Old translations were previously provided using webtranslateit but we no longer maintain this project as it doesn't integrate with our source control.

Website translations are redundant as browsers already provide this built in and instead we should only be maintaining a small core of translations for the app itself.

Based on:
https://github.com/openchargemap/ocm-app/tree/master/src/assets/i18n

  • Identify a subset of items to include in translations
  • Create a script to remove unused items from existing translations,
  • Rework translation item hierarchy to match the existing app instead of the website. Create mapping from old to new and apply that.
  • Create a script to highlight translations missing from a given .json file and highlight extraneous items.

Website editor broken - edits not saved

Screenshot 2022-07-02 182254

when the user clicks the submit button, the please wait message appears but the edits are not saved and the edit popup is not closed.

Browser = Microsoft Edge (chromium) Version 103.0.1264.44
OS: Windows 11

Edits on the Android app still work

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.