mapbox / search-playground Goto Github PK
View Code? Open in Web Editor NEWGeocoding Debugging Tool
Home Page: https://mapbox.com/search-playground
Geocoding Debugging Tool
Home Page: https://mapbox.com/search-playground
Reproduce by:
Routable points and the new routing toggle have been added to 00056
For now, the routable point visualized is the same color as the main feature point. It should be different color or somehow visually distinguished.
Report issues related to search results through https://www.mapbox.com/geocoder-feedback/
** The above link to geocoder-feedback** is not giving any opportunity to feedback on search results being not being returned.
While using the tool we put in BT6 9LF as code to view the results and no features were returned. Can we be directed to correct place to raise this issue and if not let us know why the address is not found in results
QUERY:
https://docs.mapbox.com/search-playground/#{%22url%22:%22youngstown,%20oh%22,%22index%22:%22mapbox.places%22,%22approx%22:true,%22staging%22:false,%22onCountry%22:false,%22onWorldview%22:false,%22onType%22:false,%22onProximity%22:true,%22onBBOX%22:true,%22onLimit%22:true,%22onLanguage%22:true,%22countries%22:[],%22worldviews%22:[],%22proximity%22:%22%22,%22typeToggle%22:{%22country%22:false,%22region%22:false,%22district%22:false,%22postcode%22:false,%22locality%22:false,%22place%22:false,%22neighborhood%22:false,%22address%22:false,%22poi%22:false},%22types%22:[],%22bbox%22:%22%22,%22limit%22:%22%22,%22autocomplete%22:true,%22languages%22:[],%22languageStrict%22:false,%22onDebug%22:false,%22selectedLayer%22:%22%22,%22debugClick%22:{},%22localsearch%22:true,%22routing%22:true,%22query%22:%22%22}
EXCEPTION:
main.js:333 Uncaught TypeError: Failed to construct 'URL': Invalid URL
at Vue$3.parseURL (main.js:333)
at boundFn (vue.js:194)
at invoker (vue.js:1992)
at HTMLButtonElement.fn._withTask.fn._withTask (vue.js:1790)
CODE:
// methods functions perform CRUD operations on the `data` property
methods: {
help: function(url = 'https://docs.mapbox.com/api/search/#forward-geocoding') {
window.open(url, '_blank');
},
//Parse Settings from a Mapbox API URL
parseURL: function() {
const url = new URL(this.cnf.url);
this.resetCnf();
This page is currently using Mapbox Streets v8 (see this line). The most recent version of Mapbox Streets is v11. We should update!
cc @ingalls @scottsfarley93 👋 I don't want to make this change until I can run the site locally and confirm nothing will break. Let me know when you have a chance to take a look at that issue, and I can make this change.
Seeing @ingalls have to copypaste the lat/lon into lon/lat, and also have had to do this myself a few times, it would be handy to have a "flip lat/lon" button right in the search bar.
It appears the map zoom level and visible window of the map are not captured in the URL of search-playground. When I click on that URL it shows the map at a low zoom level, looking at most of the United States. It's helpful to retain the zoom and map window focus for debugging purposes.
For example, that URL brings me to this view:
But when I was debugging, the view of the map I was using was:
and I expect that view of the map to be preserved in the URL.
Trying search for some location, but somehow complete address return empty result, while incomplete address return the result I need.
For example:
When I search for a subway station in Paris (ex : Charonne, Pigalle, ...), I have no result.
However I do have some information about bus station when I search for "Charonne".
How can I have subway station in autocomplete ?
Thanks in adavance
The sidebar should reduce the size of the map and be a sister div to the map instead of being an overlay. This will ensure that all results are always visible on the map when we call map.fitBounds
.
At the moment if the sidebar is open (it is by default), results can be hidden underneath the sidebar.
cc/ @mapbox/search
@mapbox/frontend-platform and @mapbox/docs are working together to transfer this site to the new docs.mapbox.com
domain.
Here are the steps in the process.
docs.tilestream.net
.docs.mapbox.com
.www
to docs
.www
files and branches.We're going to start on this today, and try to finish it today or tomorrow.
I know that I should report issues related to seach resource through https://labs.mapbox.com/geocoder-feedback/ but the issue seemed really important and I thought that I should post it here.
It seems like Argentine addresses are not displayed to the user if the user is searching a street located in Argentina
Photo of the geocoding playground :
(https://user-images.githubusercontent.com/48655321/62747326-4de8b580-ba2a-11e9-81ab-31b4343f065b.png)
How can I get region from the selected result from autocomplete?
From the result I am getting, there is 3rd object named region but actually it is department not region.
Here is the example address:
54b route de brie, 91800 Brunoy, France
Mapbox is giving me: Essonne // Its department not region
But actually its: Ile-de-France
How do I get the correct region?
Here is my working demo:
The playground link in the docs still links to https://docs.mapbox.com/search-playground/. It seems, the new url is https://hey.mapbox.com/search-playground/? At least I get no results if I enter queries on the first page.
EDIT: And I get a 404 error when following the new link. Is there no playground anymore?
As per comment:
I didn't discover the "settings" option in the search playground until my third visit to the page, and only once I was explicitly looking for a way to control options. I was naturally just drawn to the search interface, and although I did try clicking a few of the buttons in the upper right, the first two I clicked didn't really grab my interest so I stopped exploring. Is the "settings" functionality a central enough part of the "Search Playground" that it makes sense for it to be showing/selected from the beginning?
This -46.720864726705884,-23.49211997795851 Error address "Rua Américo Machado".
Correct Geocoding [-23.4928263,-46.7205848] address " Rua Guaipu"
https://www.google.com.br/maps/place/R.+Guaipu,+100+-+Vila+Pirituba,+S%C3%A3o+Paulo+-+SP,+02919-140/@-23.4928263,-46.7205848,18.25z/data=!4m5!3m4!1s0x94cef91079302a85:0xb5dfe8acda650131!8m2!3d-23.4920281!4d-46.7209438
This is very frequent in mapbox.
Please check my system depends on it
it would be really useful if the map would center itself on the queried location when opening a link like https://docs.mapbox.com/search-playground/#{"query":"7.674619865262457,44.11822281893441"}
currently when opening the page via a link it always centers here:
The old search api playground made it easy to see the full request URL which made troubleshooting query parameters straightforward and reflects what users would do IRL.
The new API playground doesn't include a field like this, and the URL is only ever rendered in a long string that's hard to parse, like:
https://www.mapbox.com/search-playground/#{"url":"","index":"mapbox.places","staging":false,"onCountry":true,"onType":true,"onProximity":true,"onBBOX":true,"onLimit":true,"onLanguage":true,"countries":[],"proximity":"","typeToggle":{"country":false,"region":false,"district":false,"postcode":false,"locality":false,"place":false,"neighborhood":false,"address":false,"poi":false},"types":[],"bbox":"","limit":"","autocomplete":true,"languages":[],"languageStrict":false,"onDebug":false,"selectedLayer":"","debugClick":{},"query":"san fran"}
Here's an example of how tilequery playground gets everything on one page as well:
https://www.mapbox.com/help/tilequery-api-playground/
Add a place where the full request URL is rendered.
When I search for 10650 Toebben Dr, Independence, KY 41051 I get 10650 Toebben Drive, Walton, Kentucky 41094, United States returned. This address is incorrect. I've already been in contact with Sam and my Account Manager Nelle about this issue.
This is revenue impacting and blocking our clients from using the software as the address being returned isn't the right location. Issue has been ongoing for over a month with no true follow up.
Thanks
If you set the country as Kosovo and try to search City's in Kosovo you will not get any results because Kosovo's ISO_3166-1_alpha-2 Code is wrong.
The text in the place_name
field is being wrapped with a ...
due to unavailability of the space in the panel.
Use case: I tend to copy place names from the reverse query to search box to replicated the results with forward query and with the wrapped text, its difficult to get the entire text and the region/country features in the address text.
Would be good to have this fixed and is not very important/blocker at the moment.
Priority: LOW
It would be great to display maki icons and maybe popups for poi features in debug mode to make identifying features easier.
#@
Currently, an url for the search-playground (with all parameters set) can be shared (example) which would open the playground with the all parameters set and the query itself.
It would be great to have url that could be shared with side pane open with response in it. Something like a shared url that could open the page similar to below screenshot.
Missing zipcodes in Denmark - Zipcode 6100 does not excist - But if search for "Haderslev" you can in the response see that the zipcode actually is "attached" to the feature... ?
Proximity toggle and bbox toggle should default to off and then fill with current map center or extent when turned on, and when the icon is clicked (as in our internal version). Much easier than drawing a box or clicking a point, just use the current map view. Also the drawing tool is very buggy.
Sometimes multiple results will show up that look like duplicates but are really different feature types. A quick way to disambiguate would be to add additional icons that differentiate between features.
For example, the first result here is an address, the second is the name of the office building (a POI feature type) at that same address.
We have nice icons for interpolated addresses and roads, so extending this to other features would be nice.
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 is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
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.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.