Wordpress Question posted in
The official Wordpress documentation can be found here.

WordPress – How to include the Html code of Google map API

Having a WordPress website , need to insert the html code in section to load the map view but am getting error also i don’t know how to do.

<!DOCTYPE html>
<html>
  <head>
    <title>INCOR PBEL CITY</title>
    <!-- The callback parameter is required, so we use console.debug as a noop -->
    <script async src="https://maps.googleapis.com/maps/api/js?key=API-KEY&callback=console.debug&libraries=maps,marker&v=beta">
    </script>
    <style>
      /* Always set the map height explicitly to define the size of the div
       * element that contains the map. */
      gmp-map {
        height: 100%;
      }

      /* Optional: Makes the sample page fill the window. */
      html,
      body {
        height: 100%;
        margin: 0;
        padding: 0;
      }
    </style>
  </head>
  <body>
    <gmp-map center="12.775629997253418,80.21576690673828" zoom="12" map-id="DEMO_MAP_ID"  map-type-id="satellite">
      <gmp-advanced-marker position="12.775629997253418,80.21576690673828" title=""></gmp-advanced-marker>

      <gmp-advanced-marker position="12.797374053132021, 80.24966686383416" title=""></gmp-advanced-marker>

      <gmp-advanced-marker position="12.826213549008205, 80.21934489671101" title=""></gmp-advanced-marker>
      <gmp-advanced-marker position="12.83594173400595, 80.22888056819103" title=""></gmp-advanced-marker>
      <gmp-advanced-marker position="12.805216348140506, 80.2238021080681" title=""></gmp-advanced-marker>
      <gmp-advanced-marker position="12.797679044342594, 80.2180277700305" title=""></gmp-advanced-marker>
      <gmp-advanced-marker position="12.844734590884983, 80.15242244799447" title=" "></gmp-advanced-marker>
      <gmp-advanced-marker position="12.900672911996368, 80.22785788745419" title=""></gmp-advanced-marker>
      <gmp-advanced-marker position="12.984766824543824, 80.15914578901305" title=""></gmp-advanced-marker>
      <gmp-advanced-marker position="12.989771918869694, 80.24860902554916" title=""></gmp-advanced-marker>
    </gmp-map>
  </body>
</html>

have tried to insert the html code widget and pasted the html , but not loading error through that too may api has been included, may cause error.

also remove the another simple google map widget, still not loading , but getting XHR for each gmp-advanced-marker.

Error am getting in console

XSR and 

v/=k<[s&;;,|L[S<#KT0P#;T#,40k8cl#DLKTt[w[3@<D];+S,I[/OE d4KsK3<k+$s$#<)Ed#d+[3d4 efT[D[C|;4Cd+bLsK<C[l43D<S3t. w{kLt3t{<lL4{{,,t+C[<St{L{$9JDw+c,{l#[l[$+3|C]+33,#+D{lc<+<;#,,+LK[3[LSt#RD  ;C+|S|3*cq<;<3t+3<C4L;K+[kkK;KlTKTdC;|c;d#3q%k,<Cl$kL{C{C+DL;ru3D3TC<Sc4,DCS$+;l<,c;#tSLkOr{5{4{5.{5({55{4V{5{5{5*{4{5{5+{4y=V=--"1E|{5{4{5.{5({55{4{5{5{5*{4{5{5+{4y=YI m0'V;fwW9y}{5?{5${5+{4{5.{5${5{53{4{5?{4Gsn<1E|{5?{5${5+{4{5.{5${5{53{4{5?{4YI
0’Vf>)yb9~OQ. response payload what to do

Tags:

2

Answers


  1. Chosen as BEST ANSWER
    0

    finally have found a way that move the html to one server. in wordpress html code widgets inserted as Iframe it is working now.


  2. 0

    To embed a map in wordpress the simple method is to google maps search for the location then click the share button. From there you can get the iframe code from

    embed a map

    Copy that and paste it in the custom html code block of wordpress

    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search