LOGIN
Engineer (Project Leader)
 · DelhiIndia
Share
Report
Get Link
STATUS

Step A - The first step

We want to be able to scan this json and from the extracted location (latitude and longitude), make a grid of dots to visually see this data.

There are 20 objects

{
  "html_attributions" : [],
  "next_page_token" : "CpQCDwEAAPd1VXH2Yg2TXV5Rd4_-8Lwc2-sWBdmaUWJTZMfVcrf5BIzRW38Lxc8AfR9UXvll5p4hXE32CR0jR0uWTCyA0PEyBiivihJj-kF9ga99YPobbREd9eEesRmByDZq9wCRgtJOs1pQ8hfzqB3YLqNZwfCcVIV98CnkTv4z8gHzWledW1aE8OfcTlbnWifixzeK1tUbT9EVMhQPdFamKjotBHtjfmaykXhDMm7fChy6rtvpwyIZFNHdI9PCGlS8IJfXsdVMLLZi6IyVou6OYSZqiwBT5jbpM2E5di4onkR1gGl5wG0Qd1igG_Z6xl_sTzfM-kLvOomPFYdzpo7sHhbmAYKgtvX6hlbxuLvIMDfuZsU2EhBncEHn56W5R4u4-f8QdjlUGhRT0YNVFGAiMTpf_SHVx3mxQ987tw",
  "results" : [
     {
        "geometry" : {
           "location" : {
              "lat" : 28.6618976,
              "lng" : 77.2273958
           },
           "viewport" : {
              "northeast" : {
                 "lat" : 28.88284,
                 "lng" : 77.34488
              },
              "southwest" : {
                 "lat" : 28.50197,
                 "lng" : 76.8378199
              }
           }
        },
        "icon" : "https://maps.gstatic.com/mapfiles/place_api/icons/geocode-71.png",
        "id" : "9e280bae198a170435c5dff3faa5ef5e29328bc8",
        "name" : "Delhi",
        "photos" : [
           {
              "height" : 3456,
              "html_attributions" : [
                 "\u003ca href=\"https://maps.google.com/maps/contrib/106896701616727979214/photos\"\u003eAbbas Hayat Baloch\u003c/a\u003e"
              ],
              "photo_reference" : "CmRaAAAA8sWFA-lqjLaeOItDuYFJhfTevLcSrNxjw9X-Ts2eFdlV_EBcuYfDiJC4XdC-CuY9VsDSs3Q5Fk45ugrsKvc9pSlLbEZMfsJrQtcLi-wVoSVQ2QmjbYOXt8bmufXZvKRNEhANfOKUpoQWy3O15YsjIsnyGhQjEqWdpZHvIX6PRbBIH7BE0FsGTg",
              "width" : 5184
           }
        ],
        "place_id" : "ChIJL_P_CXMEDTkRw0ZdG-0GVvw",
        "reference" : "CmRbAAAAAE6Z5HgDShjZh9ng-HQza5UP2ZeRfGUz_0QsRu7yQrcA4KlZ6GMCs00OcE-6CDScpG42k6bAiIIk2ikrDgRLP8dPXP86SmzgeQsATfpkYE2Gz6QofNiSUv5YYsA4whpdEhCbAwRFGvCXo3mN16AaVKWLGhSlpZc4bB3fIFRznr5D7jF69UU-uQ",
        "scope" : "GOOGLE",
        "types" : [ "locality", "political" ],
        "vicinity" : "Delhi"
     },
     {
        "geometry" : {
           "location" : {
              "lat" : 28.6487152,
              "lng" : 77.1886921
           },
           "viewport" : {
              "northeast" : {
                 "lat" : 28.65003063029149,
                 "lng" : 77.1900122302915
              },
              "southwest" : {
                 "lat" : 28.64733266970849,
                 "lng" : 77.18731426970849
              }
           }
        },
        "icon" : "https://maps.gstatic.com/mapfiles/place_api/icons/lodging-71.png",
        "id" : "09fbb4e26113767a758cedb30b4be58925fcc343",
        "name" : "Hotel Sunrise",
        "opening_hours" : {
           "open_now" : true,
           "weekday_text" : []
        },
        "photos" : [
           {
              "height" : 683,
              "html_attributions" : [
                 "\u003ca href=\"https://maps.google.com/maps/contrib/117275128403368845731/photos\"\u003eHotel Sunrise\u003c/a\u003e"
              ],
              "photo_reference" : "CmRaAAAAZ5TEuCn0i4a9f1s_cg247GRZ4oYV9D5TOsHdyTCO7iXiqaABf88-iRJAoUlLmnFTTSvmrkGI3QwPj6SrtGHFxZBCGWWfWZY7qt03vQo7Bd_a9uSl-d0eqBVduDMiZ0P7EhD2f3vShVZxY2wXMM4R_zRIGhQpQFtRE2Gf_AXgzlUTd0Lr4AyGWw",
              "width" : 685
           }
        ],
        "place_id" : "ChIJrdwZ2JcCDTkRRxbnX8B3PrY",
        "rating" : 3.1,
        "reference" : "CmRSAAAAJqPHv0vBIzsjOT7ecusz-kMNmRlLySOnFt3eRHulNHdqaWCA82HJ_N47jahEEJqOX4bFLI3BavHFlbp72VwuvsfnoW7eZ9UwdBYTGx0QWTtQmu8I4-G-UXPTJLlqX1uxEhCuFkbl1bFOTPc_wjwZjvqaGhSnSdNfGxsBW-ky80tcI5JdIaAA1Q",
        "scope" : "GOOGLE",
        "types" : [ "lodging", "point_of_interest", "establishment" ],
        "vicinity" : "4/52, WEA, Saraswati Marg, Karol Bagh, New Delhi"
     },
     {
        "geometry" : {
           "location" : {
              "lat" : 28.65186059999999,
              "lng" : 77.19184179999999
           },
           "viewport" : {
              "northeast" : {
                 "lat" : 28.65322838029149,
                 "lng" : 77.1931507802915
              },
              "southwest" : {
                 "lat" : 28.6505304197085,
                 "lng" : 77.1904528197085
              }
           }
        },
        "icon" : "https://maps.gstatic.com/mapfiles/place_api/icons/lodging-71.png",
        "id" : "64ac5418887ca5c93e711d5bd7fcc14480849654",
        "name" : "Hotel Florence",
        "photos" : [
           {
              "height" : 1365,
              "html_attributions" : [
                 "\u003ca href=\"https://maps.google.com/maps/contrib/112776953400603149548/photos\"\u003eHotel Florence\u003c/a\u003e"
              ],
              "photo_reference" : "CmRaAAAAcT_d4xKjtuqWmirhtFufdLyaDRgt8zCCsvqd5wlHoK92d2XIDQLORD_M4gDbP6tOOhugvEXSxpffQlxif_ZA6svS8liix85FybJM6psibO4zjVNqOWcQSLLOdLGraQrVEhAwjHHTaFwOblpeWmWMawOTGhQv_gXH6u7-1E2wOHKLsBArEzRK5Q",
              "width" : 2048
           }
        ],
        "place_id" : "ChIJzw3zrp0CDTkRfh-xKbmMhWc",
        "rating" : 3.9,
        "reference" : "CmRRAAAA-LP8pv4r_gAfZ4qIPjMT58UQgnDbEwWi6PUnk8xccbqCs7t4Z3TD3s1Qo6Tk7l3qWjD8ttz_ihOb5keuu_XP3VetDy0aGfwLIZ18ezsVPcy0i2S_HcU47--BYK7-QdoDEhA5FbKqnYA3ClzKM753jEbRGhRg8OVk8Xj_M0CdqxW0bdM1HnGNYg",
        "scope" : "GOOGLE",
        "types" : [ "lodging", "point_of_interest", "establishment" ],
        "vicinity" : "2719, Bank Street, Behind Karol Bagh Police Station, Karol Bagh, New Delhi"
     },
     {
        "geometry" : {
           "location" : {
              "lat" : 28.6528975,
              "lng" : 77.1907465
           },
           "viewport" : {
              "northeast" : {
                 "lat" : 28.6541945802915,
                 "lng" : 77.1920513802915
              },
              "southwest" : {
                 "lat" : 28.6514966197085,
                 "lng" : 77.1893534197085
              }
           }
        },
        "icon" : "https://maps.gstatic.com/mapfiles/place_api/icons/lodging-71.png",
        "id" : "e81f187089f0940b39209bbfb35e95230189f2c9",
        "name" : "Hotel Blue Sapphire",
        "opening_hours" : {
           "open_now" : true,
           "weekday_text" : []
        },
        "photos" : [
           {
              "height" : 1296,
              "html_attributions" : [
                 "\u003ca href=\"https://maps.google.com/maps/contrib/101076965887050255594/photos\"\u003eАртем Коротков\u003c/a\u003e"
              ],
              "photo_reference" : "CmRaAAAAogfIL6l9kUBcifuqo0yFABsNn6-9P2dId2FYzinmfETrrC6ZLzzcIv3Pn7Upxtb5Sk3FnMwan5QeYCnSe7aZCFb4I05hmzWxbly-lJiVYjAnpIV_s3F_tf4hSV33FJlOEhAZla7BBCkKAMy6zDurIDnQGhRAzjdB6j_JFtMpiKBphrWXEKKw1g",
              "width" : 776
           }
        ],
        "place_id" : "ChIJb1VVVZoCDTkR55_HhaH8rMk",
        "rating" : 3.3,
        "reference" : "CmRSAAAAnCzHTQFXUcX8HnZcdnWnvxbWF1Z6XrqTamueyyd9dm32Tgu8H6YrPo7hoD0AwJX9uMESRbw70e7SRLifvmN89Q-0g3PmqD-jB0S49ZyDP02uW04Oo6stIcECZvn6BYJpEhBCwe67gVROz3X9Wc5m_9p9GhTregcbuJk37FbxKH5DRXfT-iElDA",
        "scope" : "GOOGLE",
        "types" : [ "lodging", "point_of_interest", "establishment" ],
        "vicinity" : "3351/54, Christian Colony, Bank Street, Karol Bagh, New Delhi"
     },
     {
        "geometry" : {
           "location" : {
              "lat" : 28.647112,
              "lng" : 77.18951
           },
           "viewport" : {
              "northeast" : {
                 "lat" : 28.6484750802915,
                 "lng" : 77.19086638029151
              },
              "southwest" : {
                 "lat" : 28.6457771197085,
                 "lng" : 77.1881684197085
              }
           }
        },
        "icon" : "https://maps.gstatic.com/mapfiles/place_api/icons/lodging-71.png",
        "id" : "83225a1a6d13de43dfaf381e5ed31e3d4363a85e",
        "name" : "Treebo Rockwell Plaza",
        "opening_hours" : {
           "open_now" : true,
           "weekday_text" : []
        },
        "photos" : [
           {
              "height" : 400,
              "html_attributions" : [
                 "\u003ca href=\"https://maps.google.com/maps/contrib/104725547000825930053/photos\"\u003eTreebo Rockwell Plaza\u003c/a\u003e"
              ],
              "photo_reference" : "CmRaAAAArbyi-BkwE06hjlXmgA172dhK7NMdUIMbFSirSHR6i67tmZDIneZUsMWIcFr1BRrSTypG6kbEJfAekST5gzWBNcqCegqdt-SRwcGlWZXJ7zEtb_iSsTaomLX1KaujSmX4EhCUERYlYp-6_w5AO3qSBoTeGhRxdN_oCXzFZk63ovIoRtOzPfe0JA",
              "width" : 1000
           }
        ],
        "place_id" : "ChIJCbfAqZ4CDTkRdeoiCq07SOc",
        "rating" : 3.6,
        "reference" : "CmRSAAAALCcuh_iLvgdf3UFk9qgZbIwc6ip4Zh3GYsYfc643q5NmZw3aXT37PdLhEkr8NeFRy4NWbZj2DqK1WPwVHezcqpFD7Fd2ACUGbkb7AG4ciwg7Ix9OJg-zJLjEEJm5fLtAEhC2H7spryefDbc1IA30PBqwGhQwhiOz2lK5QFxIQ2fdpDaWPA6tRA",
        "scope" : "GOOGLE",
        "types" : [ "lodging", "point_of_interest", "establishment" ],
        "vicinity" : "5/14 W.E.A,, Ajmal Khan Road Karol Bagh, Delhi"
     },
     {
        "geometry" : {
           "location" : {
              "lat" : 28.64846669999999,
              "lng" : 77.19300059999999
           },
           "viewport" : {
              "northeast" : {
                 "lat" : 28.64981568029149,
                 "lng" : 77.19434958029149
              },
              "southwest" : {
                 "lat" : 28.64711771970849,
                 "lng" : 77.19165161970848
              }
           }
        },
        "icon" : "https://maps.gstatic.com/mapfiles/place_api/icons/lodging-71.png",
        "id" : "2feb1d6f66b6b8a630b0231b79b9ad4d90d05e0a",
        "name" : "Hotel Welcome Palace",
        "opening_hours" : {
           "open_now" : true,
           "weekday_text" : []
        },
        "photos" : [
           {
              "height" : 1296,
              "html_attributions" : [
                 "\u003ca href=\"https://maps.google.com/maps/contrib/105164323645008232210/photos\"\u003eChaitanya Gupta\u003c/a\u003e"
              ],
              "photo_reference" : "CmRaAAAA_dzVuFVJye_OEeyAyH_tSIAnRGBT3Y7BhgwpL6ljSva9Asf58-R2pqZ_xuSe38eD5p7ml9wZuWKotjgqp4dRNxRmyTDm663mLHPbUVaCc5M1itbRBNld2U6iqDizqBG6EhAwu7zthH6JpW-yRmm0YWOcGhT8NzrBRn9AVjpYO7P84qnE0zw8NA",
              "width" : 972
           }
        ],
        "place_id" : "ChIJ-ejTDJ8CDTkR18AQ28ywa4w",
        "rating" : 3.2,
        "reference" : "CmRSAAAAnVxQQZgVNaJZD1OONlmI6ITnDv0Xo5Vlbic_kbgMxlCbLQ3dGsqqfIhFCv3xFqIQT7uRXYZOK0KDugdotFVU6TqTtaePDwqlGQzBV84TH8YDCpLJIUFtKksNUMYgM_BBEhDjbvz7vmvj2foQRmQf4LXfGhRLTlGoluqUdx8yyHdbkERfg2IJAg",
        "scope" : "GOOGLE",
        "types" : [ "lodging", "point_of_interest", "establishment" ],
        "vicinity" : "17A/12-, W.E.A, Gurudwara Road Karol Bagh, Delhi"
     },
     {
        "geometry" : {
           "location" : {
              "lat" : 28.648167,
              "lng" : 77.18869599999999
           },
           "viewport" : {
              "northeast" : {
                 "lat" : 28.6492854302915,
                 "lng" : 77.18994848029149
              },
              "southwest" : {
                 "lat" : 28.64658746970849,
                 "lng" : 77.18725051970848
              }
           }
        },
        "icon" : "https://maps.gstatic.com/mapfiles/place_api/icons/lodging-71.png",
        "id" : "d19920c93e987622e6cad131e68157d52b9d82c4",
        "name" : "Hotel Crest Inn",
        "opening_hours" : {
           "open_now" : true,
           "weekday_text" : []
        },
        "photos" : [
           {
              "height" : 330,
              "html_attributions" : [
                 "\u003ca href=\"https://maps.google.com/maps/contrib/101570085038862389529/photos\"\u003eHotel Crest Inn\u003c/a\u003e"
              ],
              "photo_reference" : "CmRaAAAAMBqVB8lcHj80cWuJqECRGimrRToXx5kTCW8JstmzzNTJ_ekrsBDDRzL8_mjZ_2lWt7AELUts273PeFSCAGPvUe67sKZS-HwopicJx45VmTl27XGXEpxVXA1CxZ5Czme3EhCTDwgmGldDBYxXMz9Wtp8PGhQInUnlm_ChbOOhtkAwXk5DIn7Geg",
              "width" : 330
           }
        ],
        "place_id" : "ChIJeW-8NZkCDTkRvo86HItm5LE",
        "rating" : 3.7,
        "reference" : "CmRSAAAASx11x0q2G84O-6W5XaU93fAu0K9UKzDmMg9891JEqyZb_vhuXoa2x6fQkZDmCZV5NghxfmyyxXYKz1oAH9PrZNSozzs1ZI_7d7yb2bkqBcgYha-D2cCLS797n4xYFtrfEhDmqZsYZ314QvLBwVzoYsnoGhRpZSSjmNHtcIJJXs3NKUwZEq63Ig",
        "scope" : "GOOGLE",
        "types" : [ "lodging", "point_of_interest", "establishment" ],
        "vicinity" : "4/27, Saraswati Marg, WEA, Karol Bagh, New Delhi"
     },
     {
        "geometry" : {
           "location" : {
              "lat" : 28.650805,
              "lng" : 77.1946229
           },
           "viewport" : {
              "northeast" : {
                 "lat" : 28.6520981302915,
                 "lng" : 77.19592308029149
              },
              "southwest" : {
                 "lat" : 28.6494001697085,
                 "lng" : 77.19322511970849
              }
           }
        },
        "icon" : "https://maps.gstatic.com/mapfiles/place_api/icons/lodging-71.png",
        "id" : "ecff0a43b0989f4a0368a6bd703c3a6c61d0cd5a",
        "name" : "Hotel BB Palace",
        "photos" : [
           {
              "height" : 2304,
              "html_attributions" : [
                 "\u003ca href=\"https://maps.google.com/maps/contrib/110327017613935626361/photos\"\u003eHotel BB Palace\u003c/a\u003e"
              ],
              "photo_reference" : "CmRaAAAAeQ1fr48ojJ9Ti7_-PPeU0IBnCQZzUdbTu2IMPproZJIpbvXz1V7UAgHuEql8MvjwCkB9yaZMEbdBto5nPh7AcK9rSqUsElj9ucppe92E_ehXABWfuiTtcyPZ0Uqs1gC1EhAc5pc4fCbj6aQcQsGLAzK3GhQjnRNB4OK80lRv3Wcsb3BBzG1Ceg",
              "width" : 3456
           }
        ],
        "place_id" : "ChIJBS-HCGL9DDkRnvfrMTf9pDM",
        "rating" : 3.4,
        "reference" : "CmRRAAAA5N_xdhmZaiodPc9SM6tphu8EhqRqB4krmoje8p_qgaht2nwmW1uwmi1MS7bWP-KTGoYqRP1VpgoYpAWxrPYlzZeR7fsaMXwdDEoHQ8ldde-nTSwD9N52LbsD0Jz0cZr2EhAea6peh95lR4KjNjn9IxzhGhRZFpISfPAUFdR84ZFE16uVWkEemQ",
        "scope" : "GOOGLE",
        "types" : [ "lodging", "point_of_interest", "establishment" ],
        "vicinity" : "2638-2642, Bank Street, Gurudwara Road, Karol Bagh, New Delhi"
     },
     {
        "geometry" : {
           "location" : {
              "lat" : 28.648003,
              "lng" : 77.191059
           },
           "viewport" : {
              "northeast" : {
                 "lat" : 28.6494560302915,
                 "lng" : 77.19222298029149
              },
              "southwest" : {
                 "lat" : 28.6467580697085,
                 "lng" : 77.18952501970848
              }
           }
        },
        "icon" : "https://maps.gstatic.com/mapfiles/place_api/icons/lodging-71.png",
        "id" : "86046f86023ca0b3162ccf1dc5c9f5690b633496",
        "name" : "South Indian Hotel, New Delhi",
        "opening_hours" : {
           "open_now" : true,
           "weekday_text" : []
        },
        "photos" : [
           {
              "height" : 4032,
              "html_attributions" : [
                 "\u003ca href=\"https://maps.google.com/maps/contrib/108689026293633247396/photos\"\u003eDhivakar Shankar\u003c/a\u003e"
              ],
              "photo_reference" : "CmRaAAAAK7U60RkHvvQ1osFAlRpeNNsZwtyxRVwpOxlz75_BnxfRo0aTb7RLDc91Y3VJS1T_fICAPkbJiSJ2fhnMtRxDtjFN2Zvq0HTNJzOSyvL_k-PRWUTg6XiNA3r5dj3LFIfxEhDIc4oFqHYKMhTLq46vsYnnGhQ2I7LijRR2BhDcmgtbMEYimwb4mQ",
              "width" : 3024
           }
        ],
        "place_id" : "ChIJK7vskp4CDTkRHAU_9nNVokc",
        "rating" : 3.4,
        "reference" : "CmRRAAAAf__-0pml_xxahIMVTZ0hxSwWXMZRwl_jKJY8OIQjjBkEwPejnnccOULI4xoLoWKABczfI_mmx-7UYiDIhPcOBq9fiwTZFQ0c5gkqHVwN9TPMRejhqs0iQ-sM_QlLuMqqEhCIlD4tJBa9OEorUXKm6wJGGhRAU7y5iYbjn6TSVno-xh8Nqnx7gA",
        "scope" : "GOOGLE",
        "types" : [ "lodging", "point_of_interest", "establishment" ],
        "vicinity" : "10211 Padam Singh Lane,, Ajmal Khan Road, Karol Bagh, New Delhi"
     },
     {
        "geometry" : {
           "location" : {
              "lat" : 28.6488147,
              "lng" : 77.1890667
           },
           "viewport" : {
              "northeast" : {
                 "lat" : 28.6502249802915,
                 "lng" : 77.19046148029152
              },
              "southwest" : {
                 "lat" : 28.6475270197085,
                 "lng" : 77.18776351970851
              }
           }
        },
        "icon" : "https://maps.gstatic.com/mapfiles/place_api/icons/lodging-71.png",
        "id" : "2f4d84275c46244940defeccd6ed603a5801aec5",
        "name" : "Hotel Singh International",
        "photos" : [
           {
              "height" : 3264,
              "html_attributions" : [
                 "\u003ca href=\"https://maps.google.com/maps/contrib/107581752758247811875/photos\"\u003enilam pawar\u003c/a\u003e"
              ],
              "photo_reference" : "CmRaAAAAe040DaE2hcRnay-pJSSRFdzB4C4mL8pdcKV14pWO-dIAjFGFMoP9DxdaItDRl3R3bCrwcn02l9tFropXADa1D2uhzx0DNGCuGxE4kTATvlzjaXOUMRWB__qH2MDNovr2EhAeWqSu-9vdBHx5ftRQ56geGhS9qHExxUV9dsbLWxpsskKVCKHG1w",
              "width" : 2448
           }
        ],
        "place_id" : "ChIJPf6arp4CDTkRma8El7uWJro",
        "rating" : 3.9,
        "reference" : "CmRSAAAAOwg1diilGsC80Jo6ea2EHEOcidLjv7EqTDSikoN_3EpdBXvXoB9jTY9sU5ekZ5qALVqXYyrIPNmoBza6z38AsBREwSQ_jDyyUk6xihBHLrEUL3zeTn_v5xNrpzx0d5XdEhB4mrr8mtgVodEZhbrtCpYIGhSWct-hXC730_YzVhq0ohPUZO7e6g",
        "scope" : "GOOGLE",
        "types" : [ "lodging", "point_of_interest", "establishment" ],
        "vicinity" : "4/64, Padam Singh Road, WEA, Karol Bagh, New Delhi"
     },
     {
        "geometry" : {
           "location" : {
              "lat" : 28.653213,
              "lng" : 77.191586
           },
           "viewport" : {
              "northeast" : {
                 "lat" : 28.6546163302915,
                 "lng" : 77.19297748029152
              },
              "southwest" : {
                 "lat" : 28.6519183697085,
                 "lng" : 77.1902795197085
              }
           }
        },
        "icon" : "https://maps.gstatic.com/mapfiles/place_api/icons/lodging-71.png",
        "id" : "edb9cc814fbe95a161098d8f7b9c4a5ca76258d2",
        "name" : "Hotel Ashoka International",
        "photos" : [
           {
              "height" : 3120,
              "html_attributions" : [
                 "\u003ca href=\"https://maps.google.com/maps/contrib/104927660918307662533/photos\"\u003eKunal Pandey\u003c/a\u003e"
              ],
              "photo_reference" : "CmRaAAAACXuollVy0VoVS9083NO_G11hV_7uB0a7RGxFu1CzEn5zTqCfPIRLTNBWd0COaiARfX9l4xLf2eARs_heL2ByOp3CkEtV3spyXOUdbC2fSZIUU5GWK7pmxJE88w0zq9QXEhDbmsSxUBPMYAuUdO_E2VruGhR8z1BHhifjjRWInsFr3fLS_1krAg",
              "width" : 4160
           }
        ],
        "place_id" : "ChIJ8eKE04QCDTkRLwXmi66drkA",
        "rating" : 3.5,
        "reference" : "CmRRAAAA5mx2YiL_ZjQ_TVnAXSvmuR-2Isns1YwVbmt_UGsB5A-vL8yQh8ZTuazVKEQj--bo4tqdvHq5WSRefumTRLMIc-uSFtcP7Pp5xUkYTqsrbZMn_8TE0gT4xe6wXDkPM8UHEhBpnT6dVNMUStL5Vu9_MfmXGhQ8rH2tsHUQCfgcHuuifxD-ck1FZQ",
        "scope" : "GOOGLE",
        "types" : [ "lodging", "point_of_interest", "establishment" ],
        "vicinity" : "3382, Desh Bandhu Gupta Road, Christian Colony, Block 17 B, Beadonpura, Karol Bagh, New Delhi"
     },
     {
        "geometry" : {
           "location" : {
              "lat" : 28.6509557,
              "lng" : 77.1958592
           },
           "viewport" : {
              "northeast" : {
                 "lat" : 28.6523046802915,
                 "lng" : 77.19720818029151
              },
              "southwest" : {
                 "lat" : 28.6496067197085,
                 "lng" : 77.19451021970849
              }
           }
        },
        "icon" : "https://maps.gstatic.com/mapfiles/place_api/icons/lodging-71.png",
        "id" : "4e269ff83bdc368acf60f214053e05a81575355d",
        "name" : "Hotel Gautam Deluxe",
        "photos" : [
           {
              "height" : 1200,
              "html_attributions" : [
                 "\u003ca href=\"https://maps.google.com/maps/contrib/102885309570589742198/photos\"\u003eたこたこ\u003c/a\u003e"
              ],
              "photo_reference" : "CmRaAAAAtl-EnsJhQujFZKkcaBNzTJU-RGlV_q0JNlfouQagFx_rCDHm5y_pCDrwwbaX3C9ei3dFZRcCKkoyBNvi6imHmr3fhpihw5ugsTSy8rznhSXfvgF0kI6FCk-o0QnpvX_BEhCNHy7pmLsYq23HuP8Wed8iGhT-9v6laVnUzvuH86aNvKxiOAESDw",
              "width" : 1600
           }
        ],
        "place_id" : "ChIJ4U98EWL9DDkRo_N1NM-q1Rg",
        "rating" : 3.1,
        "reference" : "CmRRAAAABMKD2X8IBdQKlcCr_1VTDNwvK3wtfxJ8XByicbzdJu4Pux04HfshXJtpJMOmGRBqIGzg0mPFYE2qF4E-ed3EQf8YleU72-MkB9G_jsa794SrcDPDMvDVEMrHj91EiQ-iEhBLHKO0_I0IlWey-dLo8GJhGhSE2mBN-4rpAh5GrYXViX-FeNcD9g",
        "scope" : "GOOGLE",
        "types" : [ "lodging", "point_of_interest", "establishment" ],
        "vicinity" : "2105, Desh Bandhu, Gupta Road, Karol Bagh, New Delhi"
     },
     {
        "geometry" : {
           "location" : {
              "lat" : 28.6534346,
              "lng" : 77.19125129999999
           },
           "viewport" : {
              "northeast" : {
                 "lat" : 28.6547835802915,
                 "lng" : 77.19260028029149
              },
              "southwest" : {
                 "lat" : 28.6520856197085,
                 "lng" : 77.18990231970848
              }
           }
        },
        "icon" : "https://maps.gstatic.com/mapfiles/place_api/icons/lodging-71.png",
        "id" : "4d01ffcc14e5059c9a8b72c53080a1545726cee1",
        "name" : "Hotel Gold Palace",
        "photos" : [
           {
              "height" : 3600,
              "html_attributions" : [
                 "\u003ca href=\"https://maps.google.com/maps/contrib/115252048390157392510/photos\"\u003eZahida Khan\u003c/a\u003e"
              ],
              "photo_reference" : "CmRaAAAAGdB0kH481k5yWpXzr_zTkpbhDKaSf4ZRqN93XkpFPBsmMHerlPVix_QsjNJi9sHiNh7OSWTHQblCmM_xb2CB5DwEp88qXZLjPcSZxSw9Y2D3hwu_Aswgq9wMnaMhSsbfEhB6R3h4z9unGf8dA109Qug2GhR6LDxsfwSPCe3t-I54DJ20zrrjqw",
              "width" : 2160
           }
        ],
        "place_id" : "ChIJRayZC4UCDTkRKTmXldyQnwc",
        "rating" : 3,
        "reference" : "CmRRAAAAqac59hPcoAt9QI6FlteH6eqp5aIL_vEUj-lKtix-FYu2QhnM3bXzEgRkMGtSndq38dlt0TXWybt9YhKHwYLoNFA_m6jTTvxph6qt6_bAHM2U3t4WUyJ4sr7sav424qzbEhCrgTm2w2JvJSSL6ILyqlBwGhSFfbNLKod9VbIHv-L0nL_Hlg8uUQ",
        "scope" : "GOOGLE",
        "types" : [ "lodging", "point_of_interest", "establishment" ],
        "vicinity" : "3385, Desh Bandhu Gupta Road, Near Karol Bagh Police Station, Karol Bagh, New Delhi"
     },
     {
        "geometry" : {
           "location" : {
              "lat" : 28.646723,
              "lng" : 77.18921159999999
           },
           "viewport" : {
              "northeast" : {
                 "lat" : 28.6480952802915,
                 "lng" : 77.1905797802915
              },
              "southwest" : {
                 "lat" : 28.6453973197085,
                 "lng" : 77.18788181970849
              }
           }
        },
        "icon" : "https://maps.gstatic.com/mapfiles/place_api/icons/lodging-71.png",
        "id" : "4bd509558a3d64705a65860f992f2c5b3a42f604",
        "name" : "Hotel Good Palace",
        "photos" : [
           {
              "height" : 5344,
              "html_attributions" : [
                 "\u003ca href=\"https://maps.google.com/maps/contrib/116135586425029111727/photos\"\u003eRaj Kannan\u003c/a\u003e"
              ],
              "photo_reference" : "CmRaAAAAWPJzmaNmPQjTY0Rt30jablfrlCRFunYI2w3M0MkRywNe4D7a33w9F97ZzQKutkXUTpxFy6Bql7r7reRwfJtukzJqFHDp93WI7oFqg3m98TVDHyVGFe5VBtOD_ILrYQQ5EhBGEMzb2klwAJN2HjxjDwcLGhQWqnx9kbAs3AQ90oMxGJA7sokvJQ",
              "width" : 3006
           }
        ],
        "place_id" : "ChIJCbfAqZ4CDTkRwC1zT8nOGgY",
        "rating" : 3.2,
        "reference" : "CmRRAAAAk1045pN4fZy44n4CPM3XPOgud3h1Q4HAljIPWurDO28dnfVAWT4qD0sKhVaA1qXyICGgkQlJQHXlvWDxerc2mIqVu8QdFSsZ_3aJwqyMYdhwCLmH0cy4Y75e7f5-pS-rEhDlYPuAnA2pX1MK1THpDDv3GhT1nGG0kMADXfPF8-cU56ODu47Fdw",
        "scope" : "GOOGLE",
        "types" : [ "lodging", "point_of_interest", "establishment" ],
        "vicinity" : "15A/63, W.E.A, Ajmal Khan Road, Karol Bagh, Opp. Roopak Store & Jainsons, New Delhi"
     },
     {
        "geometry" : {
           "location" : {
              "lat" : 28.648818,
              "lng" : 77.19345
           },
           "viewport" : {
              "northeast" : {
                 "lat" : 28.6499717302915,
                 "lng" : 77.1947898302915
              },
              "southwest" : {
                 "lat" : 28.64727376970849,
                 "lng" : 77.19209186970849
              }
           }
        },
        "icon" : "https://maps.gstatic.com/mapfiles/place_api/icons/lodging-71.png",
        "id" : "972d44107bd2de5974f1c84fa04f92896628a766",
        "name" : "Hotel Rama Deluxe",
        "opening_hours" : {
           "open_now" : true,
           "weekday_text" : []
        },
        "photos" : [
           {
              "height" : 459,
              "html_attributions" : [
                 "\u003ca href=\"https://maps.google.com/maps/contrib/107726055347728022268/photos\"\u003eSundara Kumar S\u003c/a\u003e"
              ],
              "photo_reference" : "CmRaAAAAEMOLpwBRIdjGdHmNRzthtUnpY-1Achbpneu7eOTaM2ksw4Q-RNLgk09Wrv33zfoqQ8M2umtuO7X6sF8clHMHQ-sclgUJxEQJY3JsG1hVrO9fNnLa5k29ogFMLjAL5U8KEhB6suXeH3hLLiKE_e0S7mL2GhSTZ9QsTctQw59R28bT0O4SaiaCGA",
              "width" : 816
           }
        ],
        "place_id" : "ChIJ-xbADWL9DDkRZVBoIzhSQkk",
        "rating" : 3.8,
        "reference" : "CmRRAAAAl3sxpls2GzQSBJuB_qHDPQ3fv4rPTcREJMJh-wSs_ZbWEE6CXd_lkPNfj0YB45IzfOB3lhjrNdQYXesEpTPMtX6k1eINArO8ExLwrZQHrHSV7AFrGHphF1pfIsupLwU7EhDgfkNh62MB_3xaabxshix6GhTHRaCnXyBcco_iocVfovuLB22N-A",
        "scope" : "GOOGLE",
        "types" : [ "lodging", "point_of_interest", "establishment" ],
        "vicinity" : "2278, Chowk Gurudwara Road,Opp Bikanerwala sweets shop, karol Bagh, New Delhi"
     },
     {
        "geometry" : {
           "location" : {
              "lat" : 28.647344,
              "lng" : 77.19283100000001
           },
           "viewport" : {
              "northeast" : {
                 "lat" : 28.6486929802915,
                 "lng" : 77.19417998029151
              },
              "southwest" : {
                 "lat" : 28.6459950197085,
                 "lng" : 77.1914820197085
              }
           }
        },
        "icon" : "https://maps.gstatic.com/mapfiles/place_api/icons/lodging-71.png",
        "id" : "73b33fd6d5463cb74835a128de9570c7b5abccb5",
        "name" : "Hotel Benz International",
        "opening_hours" : {
           "open_now" : true,
           "weekday_text" : []
        },
        "photos" : [
           {
              "height" : 2322,
              "html_attributions" : [
                 "\u003ca href=\"https://maps.google.com/maps/contrib/105541502886542511357/photos\"\u003eSudesh Bassamboo\u003c/a\u003e"
              ],
              "photo_reference" : "CmRaAAAAOalsKDZDyNh_l_ORNRyMRpzVzTiqHyuOk6FRUE8eEHeZtaj6bs07OyCPhnl3IuiIOrY_UN1p07Je7dLCe378_HyYfzXLIHUwC9fE0nz89CGXjNw1OasVOkRNGTmQZnS3EhAxjmSNpk-vLXJb6_Zb_cHQGhQd-JAcfYt0FSafG075XxaqY-Xx3g",
              "width" : 4128
           }
        ],
        "place_id" : "ChIJcxohOZ4CDTkR96khe3coRkg",
        "rating" : 3.1,
        "reference" : "CmRRAAAASZy3FkbvPy_oWtsyUzYwhKLzxk6O2UMlieJ7Fh-Z9d_W-ujk5FOvJ8xsLoh47zchyVgEFqCMxvWkCNAQAoVW6NfK6d1g71r0L4LUCC2QxG-N-AwF0SqFpIz-JNfSQQKfEhACryswBntOSTocXV5fiuspGhRcAkMqyQkJpxxQM7ls2YR75QHLPw",
        "scope" : "GOOGLE",
        "types" : [ "lodging", "point_of_interest", "establishment" ],
        "vicinity" : "10175/1 behind bikanerwala,, W.E.A. karol bagh, new delhi-110005, New Delhi"
     },
     {
        "geometry" : {
           "location" : {
              "lat" : 28.654132,
              "lng" : 77.190719
           },
           "viewport" : {
              "northeast" : {
                 "lat" : 28.65537288029149,
                 "lng" : 77.1921184802915
              },
              "southwest" : {
                 "lat" : 28.6526749197085,
                 "lng" : 77.18942051970849
              }
           }
        },
        "icon" : "https://maps.gstatic.com/mapfiles/place_api/icons/lodging-71.png",
        "id" : "9fb43181bbeb72e6c651cfe5bbd449764762e352",
        "name" : "Sisley The Boutique Hotel",
        "opening_hours" : {
           "open_now" : true,
           "weekday_text" : []
        },
        "photos" : [
           {
              "height" : 745,
              "html_attributions" : [
                 "\u003ca href=\"https://maps.google.com/maps/contrib/103475334758383736432/photos\"\u003eSisley The Boutique Hotel\u003c/a\u003e"
              ],
              "photo_reference" : "CmRaAAAAlGE6lqPycLKZTYxxDrbxfdlsoiC2eDEN3Q_AlOCrCbF6Xux5_DzOhxKnFbCY3x8-ycac0TDTocokRnTyP8h9B4sAz9S0r00BLr0-ya57u19wDKA5_4QMq2U6dHtOk73BEhDz-RMjLabMe8HymIhklaJCGhQlu49NEPcF_Yoa3uAVNswjLeFT0A",
              "width" : 747
           }
        ],
        "place_id" : "ChIJDbwHHZ0CDTkR2cRX-IoIXcQ",
        "rating" : 3.4,
        "reference" : "CmRSAAAAEl-2ss_6AZ2Clb1ZqiQiDSaNer_m_arG7UhwmyD3gbga9JzIlart5o6uUEwEacqedO2030rVZmyguh4X-i7Gz-AqmEzA-sv3ceg2TIsZ1cuBK8VxVUlWOc_tSOuA-L5xEhBy9YK3VO7sVLx2u0-hFIWZGhTek_Cw4knVb0pip9d-DgpF88J9tA",
        "scope" : "GOOGLE",
        "types" : [ "lodging", "point_of_interest", "establishment" ],
        "vicinity" : "53/3, Desh Bandhu Gupta Road, Karol Bagh, New Delhi"
     },
     {
        "geometry" : {
           "location" : {
              "lat" : 28.6530893,
              "lng" : 77.190325
           },
           "viewport" : {
              "northeast" : {
                 "lat" : 28.6543406802915,
                 "lng" : 77.19170063029151
              },
              "southwest" : {
                 "lat" : 28.6516427197085,
                 "lng" : 77.18900266970849
              }
           }
        },
        "icon" : "https://maps.gstatic.com/mapfiles/place_api/icons/lodging-71.png",
        "id" : "74d7a57ef0e928de99d6ea8edde174520fd2676c",
        "name" : "Hotel De Gold",
        "photos" : [
           {
              "height" : 251,
              "html_attributions" : [
                 "\u003ca href=\"https://maps.google.com/maps/contrib/116681291510966503882/photos\"\u003eHotel De Gold\u003c/a\u003e"
              ],
              "photo_reference" : "CmRaAAAAD56xmJZ-gn4RJa-tB-VDdSCpin9M3lvUhxqm44M5JBJPi3r1nX3q8lAEhwUINYo0ENCBux3vyY5gcA9lxQjJgx-1mI0doZXWG8670TFwS_sSXwWNsBLVCArPp3yXthHKEhC8dZAmc1HsNKgP2cBfYBHsGhQgiI8Vb7UNKkd1_fcfD4CUcYPPUQ",
              "width" : 250
           }
        ],
        "place_id" : "ChIJB7o69p0CDTkRMprUXY6n9xM",
        "rating" : 4.5,
        "reference" : "CmRRAAAALzOoWlqZlqUshSxX-Cx-MnqJ-GXrNp11t3H7rOBXR2Ky1tf30aiINaAXYeoW_t339du_1HkxI6WySQ5DRM8OYh3tLyM5AnCvZoy6VZQlXsYd16jKDiMOMMNnhh-SbSSQEhB6Y6oaCoS65pprPPzVkltbGhTZqGvYiBaU1ZhT6CsEJvgYtpN5uA",
        "scope" : "GOOGLE",
        "types" : [ "lodging", "point_of_interest", "establishment" ],
        "vicinity" : "3505-3506, Bank Street, Near Shiv Shakti Chikisthalay,, Pyare Lal Road, Karol Bagh, New Delhi"
     },
     {
        "geometry" : {
           "location" : {
              "lat" : 28.64759099999999,
              "lng" : 77.192504
           },
           "viewport" : {
              "northeast" : {
                 "lat" : 28.64893998029149,
                 "lng" : 77.19385298029151
              },
              "southwest" : {
                 "lat" : 28.6462420197085,
                 "lng" : 77.19115501970849
              }
           }
        },
        "icon" : "https://maps.gstatic.com/mapfiles/place_api/icons/lodging-71.png",
        "id" : "2d3c85a4d613b5e918a998cc1995b875c7746ae5",
        "name" : "Hotel Siam International",
        "photos" : [
           {
              "height" : 2048,
              "html_attributions" : [
                 "\u003ca href=\"https://maps.google.com/maps/contrib/116441430714029607522/photos\"\u003eHarish Sajwaan\u003c/a\u003e"
              ],
              "photo_reference" : "CmRaAAAAK_h2wk07-mABUVAkq9I8suP4QG6enagYFjtoBKumukgM0cfN_48IYYVeWaENMgn9iOPyuFDD17oeZcWe5GUTcEyjiXTM12Tbilal5IKb0fuFOtHTl8xuCtIcObEgUmA6EhAlsahggm4rV05DHD6V0IHlGhSCSJ9hPKTDKzATFjX7VBhny4rlAQ",
              "width" : 1536
           }
        ],
        "place_id" : "ChIJ0TmN950CDTkRcLfb_26EvTw",
        "rating" : 3.3,
        "reference" : "CmRRAAAA3P8hVvCjyHkbF2MYTtaniCo-5o4G6RhUMivGu_rpnbFyqDy0t_X1JjUNOASt8VI5rwHFJc240rynZnRd5TkhIxrmysLrAmR7h7IT4fCk6putB5GhWnxNioygeq74YmaWEhAad3x37mAHe4GhTsytdL-vGhTUu87IRm3tUK9_4x3Z8aPgIn7Ykw",
        "scope" : "GOOGLE",
        "types" : [ "lodging", "point_of_interest", "establishment" ],
        "vicinity" : "10174/1, Gurudwara Road, Near Bikaner Wala, Karol Bagh, New Delhi"
     },
     {
        "geometry" : {
           "location" : {
              "lat" : 28.6456498,
              "lng" : 77.18805589999999
           },
           "viewport" : {
              "northeast" : {
                 "lat" : 28.650388,
                 "lng" : 77.19692599999999
              },
              "southwest" : {
                 "lat" : 28.642833,
                 "lng" : 77.180909
              }
           }
        },
        "icon" : "https://maps.gstatic.com/mapfiles/place_api/icons/geocode-71.png",
        "id" : "4a85839b503facc3eab7c0ec3eb16a970631037e",
        "name" : "WEA",
        "photos" : [
           {
              "height" : 2976,
              "html_attributions" : [
                 "\u003ca href=\"https://maps.google.com/maps/contrib/111392704864025373616/photos\"\u003eAkilan Jawahar\u003c/a\u003e"
              ],
              "photo_reference" : "CmRaAAAAlpFscsMIZEl-zjzxQpLXc8oVlMh7FkQCLtDBidczO9ptAdYMwyRwzrOz7Py9Cg5jk6t56e1f2nVTOaPS3b-BE8a9vgDX8lSKvME3GhnYGehKb8xrL5dk9X57lxwCrMwREhDGOEKxNM8mR55_9dMzVxdpGhTiK2uPrbDOraXvgW3LCf8n_w7gYw",
              "width" : 3968
           }
        ],
        "place_id" : "ChIJoW0D1Z4CDTkRsO0aKpceqNk",
        "reference" : "CmRbAAAADoH_1Bxsx9Fh_jw3EzX8UqqshOqNp9JwCL6oJdYWOhC32WDU_JJcu-q9MvCsJZGn64eV8BAH5R2YXBAm2IHZuYBGdCG8F1uDWWuWMTa3gJMjkJ7whXC33TH6Hu-GnKIAEhD2qYHl_5OIVNLVsg60z441GhTS7Jto44krGloGEV4c1OvQFd3i_g",
        "scope" : "GOOGLE",
        "types" : [ "sublocality_level_2", "sublocality", "political" ],
        "vicinity" : "WEA"
     }
  ],
  "status" : "OK"
}

Ion

1 like 
Like
Award Contribution
Ranjan Dailata
73
Community Expert
Application Architect/Lead Developer
 · ChicagoU.S.
Share
Report
Get Link

Complete the initial proof of concept.

A simple MVP to load the JSON file and plot the map using Google Maps.

 function loadJson(e) {
      lines = e.target.result;
      var locationArr = JSON.parse(lines); 
      var locations = [];
      for(var index = 0; index < locationArr.results.length; index++){          
          var name = locationArr.results[index].name;
          var lat = locationArr.results[index].geometry.location.lat;
          var lng = locationArr.results[index].geometry.location.lng;
          locations.push([
               name, lat, lng, index+1
          ]);
      }

      plotMap(locations);
    }
Like
1 like 
Award Contribution
Engineer (Project Leader)
 · DelhiIndia
Share
Report
Get Link

Thankyou for your enthusiasm! I’ll bring an update soon and will inform you personally.

I don’t want to use the base as google provides, but make one of my own.
This is mainly because the way navigation works in Google maps, that you shift the map left and right is not suitable for the application as thought.

Like
0 like 
Award Contribution
Engineer (Project Leader)
 · DelhiIndia
Share
Report
Get Link

To complete the first task, you have to take a reference origin.

Now you have a base, take the longitude as X position and latitude as Y position, plot these on the plane…

My evaluation would be on that picture of how you show this result

My interest is only in this as the first step!
Hope this is understandable

Like
0 like 
Award Contribution
Steven Reubenstone
41
Community Expert
Mechanical Engineer & Tinkerer of Things. Community Moderator.
 · New YorkU.S.
Share
Report
Get Link

interesting task

Like
0 like 
Award Contribution
Leave a reply...
DISCOVER
CHAT
HIRE
ACTIVITY
FEED
New Post
Help
Start Project
Online Users
Share Link
Write something before you submit it!
Photo updated
Request Sent!
Updated
Copied to Clipboard