Simple js google maps api integration

About this project

Open

We need a simples script to build a map from a json file.

The map need to load several pins and show a custom windows when clicked. You can see the windows design on this link: https://xd.adobe.com/spec/b53ad5b3-ade8-4716-492a-d168b423158d-c30b/#screen/a876949f-2810-4427-9456-b2f1a40722cd/Web%201920%20%E2%80%93%201

Specification:
- The json contains several pins, around 2000. Performance is a priority, however we can't use any kind of "cluster".
You don't need to show all the pins at same time, but the map need to feel "full".
- The thumbnails need to be loaded on demand, to better performance.
- The windows container is a link to a external page.

The json file:
[
    {
    "ID": 10527,
    "country": "United Kingdom",
    "city": "London",
    "map": {
      "address": "98 Victoria Road, London NW10 6NB, United Kingdom",
      "lat": "51.5255905",
      "lng": "-0.2549043999999867"
    },
    "cover-photo": "https://website.com/uploads/2016/12/2015-10-02_10-48-31-625173.jpg",
    "name": "Sitio",
    "permalink: "https://website.com/sitio/"
    },
{...}
]

Tha's all :)

Category IT & Programming
Subcategory Web development
What is the scope of the project? Small change or bug
Is this a project or a position? Project
I currently have Not applicable
Required availability As needed
API Integrations Other (Other APIs)
Roles needed Developer

Delivery term: Not specified

Skills needed

JavaScript API Google Maps

About this project

it-programming / web-development

Open