tdjprj

This can be done easily by using an interactive mapping software. I would suggest a HTML5 mapping software which can let you build world maps for viewing on PC, Mac and mobile devices.

The map on the link you sent is based on Google Map. If you have some programming experience, you can check out Google Map’s API for building a map alike this.

Otherwise for non-programmers like myself, you can try imap online mapping tool, which is a web based mapping software for building custom flash maps and Google maps.

You can create a Google map with markers of different shapes (either by pinpoint manually, or import a list of addresses from excel spreadsheet or csv data file). You may then divide them into multiple categories (alike the category legend in the sample map you shown above), so to show/hide groups of markers base on their categories.

The map can then be embed to your WordPress site by copy and pasting few lines of HTML code (make sure you paste the code in HTML mode).

Have you installed WordPress on your own server? Or on a shared host? As your admin might not allow you to upload certain type files or disable support of scripts.

I used a hosted map generator before (i.e. the map is hosted on a remote server). It allows me to add the map by copy and paste few lines of HTML code, without worry about uploading any files or change file permission.

You can also use Google Map editor directly but I found the imapbuilder editor easier to use and import my list of addresses. It has united states map templates as well as many other countries maps and world maps.

These clickable maps you refer too are based on CSS style sheets. You need to ensure you have uploaded all files, including those CSS files correctly and to the correct folder, not just by copy and paste the codes.

If you are using WordPress on your own server, it is easier because you can change file permissions. However if you are using WordPress on a shared host then your admin might not allow you to upload such files.

I have similar problem before and found it is easier to use a hosted map generator (i.e. the map is hosted on a remote server), all I needed to do is to copy and paste few lines of HTML code, without worry about uploading any files or change file permission. The hosted map software I used was https://www.imapbuilder.net/ —- you can also use Google Map editor directly but I found the imapbuilder editor easier to use and import my list of addresses.

As you need to create markers on the world map using Coordinates you would have to use online map services such Google Map or Bing Map which supports mapping using longitude and latitude values.

I have used iMap Online Map Builder before which is a map editor based on Google map, you can add markers using default icons or your own icons, and also enter names and descriptions for each marker. However I haven’t used their search feature before. You might give it a try to find out more.

There are few ways to do that. Using Google Map is possible but requires some coding in order to support pins/rollover.

I found this online map maker which might be what you need — you can build a map using the online map editor, publish it, get the code and copy and paste the code to your blog page. It already has some USA and Canada map template, and you can easily add dots / pins to indiciate locations with rollover information popup on click.