Combine 2 images into 1 Google Maps marker icon - image-processing

I'm trying to combine 2 images into 1 to be used as an icon for a Google Maps marker. One image will be a static image stored on my server (an image placeholder for a profile photo) and the other one will be dynamic (a users profile photo from a third-party site) Basically I want to set the static image as the bottom layer and the dynamic image as the top layer, the idea being to make it look like the profile photo is embedded in the placeholder image.
Anyone have any idea how to do this? The Google Maps API only allows one image as an icon so I will have to combine them somehow prior to added the combined image as the icon to the map. I did think about creating 2 markers one with each image but I am using markerClusterer so this will not work.

Turns out php has a function imagecopymerge() that can do this! Thanks Paulo Scardine, the accepted answer to the question you posted in your comment lead me to the answer.

Related

Suggestions to place points on a floor plan

I need some directions (tutorials, examples, etc) to help me to figure out how I could, from a floor plan (ex: png file for now), place some points/icons to different locations and be able to zoom in/out, drag and rotate.
In fact, a bit like google map, with only basic stuffs.
Thanks
Take a look at the Grid List Demo in Flutter Gallery:
https://github.com/flutter/flutter/blob/master/examples/flutter_gallery/lib/demo/material/grid_list_demo.dart
It features an Image viewer with zoom and pan support.
(You can also find the Gallery on the Play Store)
Instead of using a simple image, use a Stack that overlays Positioned widgets over your image.

Curves matching libraries and service

I have some images like below
Now I need build a website allow user draw some line on white board, and then the website return images which is most similar with or contain curves of user drawn.
A user image like this
So, are there some libraries or services to implement that?
Thanks in advance.

Use PNG as custom map iOS

I need to use a PNG as custom map of an indoor place. I don't need navigation but some places should be clickable like what we have in built in map. In android this is possible with MapView but I didn't find anything for iOS to do that. Can someone help me out how to start and do this?
A while back Apple added the ability to provide custom map overlay tiles. It isn't as simple as providing a PNG. You will need to create a database of map tiles at different scales, following a specific naming convention, and then provide a tiled map overlay.
I suggest looking at this blog post:
Custom and Offline Maps Using Overlay Tiles from VIGGIOSOFT
It goes into quite a bit of detail on what's required.

show region with different color

I have an app where I am showing map where I will be showing the driver area allocated to him.
Client want this area will be highlighted with some color.
Sample can be as below.
Any idea how this can be done?
What I was planning to do is having images for different regions and show image for respective area.
However I just wanted to check if this can be done using MapKit that we already have, I don't want to go with images.
More info on this would be appreciated.
I didn't thought this would be so easy...
Below link will do the trick I was looking for...
http://www.shawngrimes.me/2011/04/adding-polygon-map-overlays/
Something you may want to try for performance reasons is to use TileMill to parse the source data (KML, SHP, etc.) and render out raster tiles, possibly with alpha transparency so that they can be used as a true overlay. Then, you could use those tiles in MapKit or something like Mapbox.
you can see HTML "map" tag with "area":
http://www.w3schools.com/tags/tag_area.asp

Get Started with Open CV image recognition

I am trying to make an app for image recognition with Open CV, i want to implement something like this but i don't know how should i do it can any one give me any help where should i begin from i have downloaded Opencv for iOS from here,
I have a hardcopy of image as an example which i want to scan through the camera and the images(markers) i have imported in project now when i scan the image through camera then it should overlay the markers on the image and when i tap/select the marker it should show the info of that marker.
Here is my image :
It's just an example i have taken (Square,Circle and Triangle as Markers)
So now when the image is scanned then the markers will come up as an overlay and on clicking the markers i should get the names (If the Overlay image over the Circle Named "Air" is tapped it should show me "Air" on an alert or if Square Named "Tiger" is tapped it should say "Tiger")
My problem is that the images are kind of same pattern but the result is different on every part so i don't know how should i approach in this ..
Please can any one help me out by suggesting any idea or if any one has done thing like this please tell me how should i implement it.
I have to start from scratch any help please .
Can this be achieved using Open CV or i have to use any other SDK such as vuforia or layar.
Maybe you should search a little bit before asking help...
Anyway, the shapes you want to find do not seems to change (scale, rotation) so, you can look at the template matching methods implemented in OpenCV (see Tutorial OpenCV)
If the shapes are changing, you should look at more powerful methods such as SIFT or SURF. Both are already implemented in OpenCV (the link from aishack is a tutorial to re-implement SIFT, you can find in the same website a tutorial to use the OpenCV method).

Resources