Custom Geochart Marler

[Robert Seymour]

I created a world map for cities the of my BirdBreath cartoon followers.

https://birdbreath.com/scripts/map2.php

The markers are by default, too large.

I want to use instead,  my own marker.

I tried using the displayMode: 'markers', option with the  icons option  and it ignores  the latter.

Any suggestions?

I would appreciate any suggestions, you may have.

Thanks

Robert

      var options = {
        displayMode: 'markers',
        defaultColor: 'red',
        icons: {
           default: {
              normal: 'http://birdbreath.com/images1/red_dot.png',
              selected: 'http://birdbreath.com/images1/red_dot.png'
            }
        }

[SJW]

If your main requirement is custom icons per location, use the Google Maps JS API directly (not GeoChart). You’ll have full control over:

• Marker icons (any image or SVG)

• Info windows

• Event handling

• Layers and clustering

Why not GeoChart? Because it's primarily for data visualization, not adding custom UI like different marker images.

[Robert Seymour]

Thanks for the reply.

What I want is this map with this map with smaller dots without data..

 

I looked at this api. Is it possible to use this map with it?

[Robert Seymour]

If I use  Google Maps JS API, what options are available for a different style of map? 

[Rob Isaac Jr.]

Robert! I think your map build out would be more manageable and less time-consuming if you used "My Maps" in Google Drive. It'll suffice for the feature list you provided, and then some. See for yourself on the My Maps Help support site. (Google Workspace might be required 🤷🏽‍♂️)

[Robert Seymour]

Hi Rob.  checked it out. 

Can this be an interactive map, where, as I add new cities, it automatically updates on the web? 

Currently, it is one with a php script.

[Rob Isaac Jr.]

Yes indeed! Plus you can embed into your web and mobile apps, as well as into your website.

[Robert Seymour]

Great. Thanks