Replacing Marker with PNG icons - google-fusion-tables

I've made a sample of fusiontable showing the different locations.
Somehow I am not able to find answer on how to replace the marker with my own png marker.
Here is the code :
https://googledrive.com/host/0B-YzoR9nIS6zM3EyMk1qQmhSVWc/hrj.html
Fusiontable is accessible Publicly.
Idea is to repalce custom marker.
Html is generated from FusionTables Embed Link.
Later I wanted to showcase client information inside infoWindow.
Please guide how can I customize the marker ?
Marker Link : https://googledrive.com/host/0B-YzoR9nIS6zM3EyMk1qQmhSVWc/symbol.png (64pxx64px)
Thanks in advance for the help.
Regards
Mak..

You can't use your own custom icons in a FusionTablesLayer, only the icons that are pre-defined.
You can use the Fusion Tables API v1 to query the table for the coordinates and use Google Maps Javascript API v3 custom markers

Related

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.

Combine 2 images into 1 Google Maps marker icon

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.

How to add point images to a map using javascript?

I am using highcharts map and would like to add point location on it using real coordinates. How can i do this in javascript any links? or any suggestions of customizable map that allows me to enter images as locations?
You can catch click event on the chart, then you get coordinates for particular point (x/y). Last step is using it in data.
Example: http://www.highcharts.com/maps/demo/mapline-mappoint
Another way to approach this would be to import the GeoJSON file ("fr-all-mainland.geo.json") in a compatible editor (for example QGIS) and plot the cities there, then inverting the y-coordinate. This would be similar to plotting the cities in Inkscape, except you would be working with the GeoJSON file instead of the SVG.
Please visit the related topic: http://highcharts.uservoice.com/forums/55896-general/suggestions/5780574-add-ability-to-plot-points-based-on-longitude-lati

How to show ios map without labels?

Is there any way to show only the pure map in ios? Without any text, label or annotation.
Sample iOS Map
For ex, in that picture there is a lot of texts, labels..
Somehow... From iOS7 you can provide your own tiles, but you lose map kit original tiles.
Mattt has written an interesting post on NSHipster, you should check it
Another option is to try the Mapbox tools to allow full map customization.

Show particular area shaded in MapBox

I am using the MapBox iOS SDK for my project. Now I want to show shaded area in the Map for a particular area like any country, any continents etc. So how can I implement this feature.
Your suggestions and response will be helpful.
You can either do this client-side with something like RMShape or server-side by either shading things on the Mapbox.com online editor or making a custom map to upload with TileMill. The Mapbox site has lots of documentation on doing these things.

Resources