jquery - Loading Google Map Page Url inside -

jquery - Loading Google Map Page Url inside <div> -

i unable load google map page url within div tag.

ex: $(".map_holder").load('https://www.google.co.in/maps/place/india/@21.1289956,82.7792201,4z/data=!3m1!4b1!4m2!3m1!1s0x30635ff06b92b791:0xd78c4fa1854213a6');

i getting "xmlhttprequest cannot load no 'access-control-allow-origin' header nowadays on requested resource. origin 'http://test.com:8887' hence not allowed access. " in crome browser.

in firefox nil happening.

please help me this.

thank you.

if want integrate google maps can either utilize api: https://developers.google.com/maps/documentation/javascript/examples/map-simple-async or embedd iframe (click settings wheel , "share , embedd" ready made iframe.

jquery html5 google-maps