I have a google static map where I am adding 4 markers with 4 different custom icons. Three of the icons work, but the fourth does not. Instead, one of the markers displays as the default orange pin. I also get Map error: g.co/staticmaperror in the top right corner.
I checked all of the icon urls in my browser, and they all returned proper images. If I randomly choose any three of the four icons, they will all display correctly.
I suspect that Google has a timeout when grabbing the icon images, and that if all of the image requests don't finish it a set amount of time, Google will just fallback to the default icon.
I have two questions.
Is it possible to increase the timeout for generating the static map image?
If not, is it possible to hide the marker when the custom image isn't available?
This was my fault for not reading the documentation. There is currently a limit to 5 custom icons per static map request.
Related
There is one problem: I made it using maperitive tiles with the required scale of 12-15 (so that the map is available offline), then the task was to connect the resulting offline map to this project: https://github.com/ds4es/real-time-units- gps-tracking (the project is based on transferring data using kafka from a csv file, which contains latitude ,longitude time, to a map with the leaflet plugin, to display the real-time movement of markers on the map), however, this did not work, apparently some are required - something http requests, not just a link to tiles. I want to note that a similar way of writing: file:///home/jonh/openstreetmap/{z}/{x}/{y}.png worked in another project, but unfortunately not in this situation. Attached images below
The 1st figure shows the state of affairs when adding an offline map ( line: MAP_URL_TEMPLATE=' Tiles/{z}/{x}/{y}.png) and, as we can see, only moving labels are displayed, and the map itself is not displayed;
2nd figure Shows the state of affairs when the online map is used, i.e. constantly need internet to display it;
The 3rd picture shows the console, where, before the red line, an offline map was used (Tiles/{z}/{x}/{y}.png). And after the red line, I changed the address to the online map again: 'https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png' and the map started showing up all over again.
How can I connect an offline map? Thanks for answers :)
I don't know where to store images and how to get the images by their id and this new gui is good but there are no tutorials on how to use it.
The images are stored in the resource file (theme.res) which lets you use features such as multi-image (an image that adapts to DPI.
You can edit the resource file via CSS or the designer (depending on your configuration). Assuming you didn't enable CSS you can use the following toolbar option to add an images directly from the GUI builder.
Notice these 3 icons on the top right area:
When you hover over them you should see the following tooltips:
Add Image
Add Multi Image
Set Multi Image Import DPI
They all do what you expect. The last one shows you this dialog:
Here you can define the density to which you designed the image you're importing. That way it will be logically scaled to all the other densities so an image designed for a 600ppi device will look similar on a 300ppi device (ppi == Pixels Per Inch).
I agree the UX should be improved here so I added an RFE for fixing this in a future update.
I would like to make responsive (combobox,input etc.) ui controls in sapui5. But on the web environment some of components such as combobox and input are looking so large. I've uploaded an image regarding to this problem. How can I change view sizes of these ui controls ? Is there a simple way to do this like using sap.m.size ? I hope I made make myself clear.
Here is the link of image;
https://ibb.co/dJBdVx
It's event simplier than resizing each control to a given size...
SAPUI5 has a feature called 'content density' mode. Which stablishes the controls/paddings/margins sizes depending on the selected mode.
There are 2 main modes. 'Cozy' which is the large one, and it is meant for touchable devices (your finger is a thick pointer) and 'compact' for desktop devices (with a mouse you can point accurately).
So all you need to do is setting one of this modes based on the device.
Here the tutorial to know how to do it.
And here the documentation about the 'content density'
My app currently texts the user's GPS coordinates, after which the receipent enters them into the MAP app that comes with our iPhones. I just discovered that it is somehow possible to create an icon that the receipent merely clicks on to bring up the MAP app, where it displays a map showing the location of the coordinates, along with the exact address. I was so impressed with the accuracy and ease of use that I want to modify my app to text an icon, instead of the GPS coordinates. I spend all day researching but can't find how to do it. (Maybe I haven't looked in the right places, so please excuse me if I'm wasting time.)
The icon I'm trying to create (and text) is the one that you would create if you were looking at a location using the MAP app. After you tap the disclosure button it displays detailed info. At the bottom of the screen is a button entitled, "Share Location." If you click it, you then have the option of clicking another button entitled, "Message." a text message gets generated with an icon that represents a pin with a red head. This is what I'd like to create.
If it's possible, can somebody point me to where I can find more information, hopefully, including sample code?
Not all users have the ability to text images. The best option might be to just use the text... Also when you ask how to create the icon, what do you mean? The actual image?
I have just made background image for my web-site. But I'm confused - if user have resolution no similar mine, then he will see wrong image right? How can I fix this problem and what resolution is normal for browser?
They will see the correct image, but it will repeat itself.
You have two options:
Create an image, which looks nice when it's repeated. Then you just have to exchange the image.
otherwise you have to disable image repeating, so that the image is just displayed once.
see: http://www.w3schools.com/cssref/pr_background-repeat.asp
It usually looks nice if you define an appropriate background-color after the image ends.
Otherwise there are more advanced ways for full scale background images: http://css-tricks.com/3458-perfect-full-page-background-image/
The "normal" Screen resolution on webpages range from the Smartphone screen (320x480) to 30" screens (2.560 x 1.600). Those are the both (not so uncommon!) extremes. The average is between 1024x768 and 1920x1200.