Google maps API geocoded_waypoints

Support Team posted this 23 March 2017

Hello,
it'd be helpful if you provide link to the sample which you'd like to incorporate into Themler theme.

Regards,
Aileen

Hello, it'd be helpful if you provide link to the sample which you'd like to incorporate into Themler theme. Regards, Aileen

3 Posts

ibrandstein posted this 23 March 2017

duh, sorry and thank you
http://mainlycustom.com/contact/

duh, sorry and thank you http://mainlycustom.com/contact/

Support Team posted this 23 March 2017

Hi,
you've misunderstood me a bit.
I mean could you provide link to Google page where you've got the code sample?

regards,
Aileen

Hi, you've misunderstood me a bit. I mean could you provide link to Google page where you've got the code sample? regards, Aileen

3 Posts

ibrandstein posted this 23 March 2017

I'm sorry, I'm kinda a newbie. This is where I got the directions https://developers.google.com/maps/documentation/javascript/adding-a-google-map

https://developers.google.com/maps/documentation/javascript/adding-a-google-map

I'm sorry, I'm kinda a newbie. This is where I got the directions https://developers.google.com/maps/documentation/javascript/adding-a-google-map https://developers.google.com/maps/documentation/javascript/adding-a-google-map

Support Team posted this 24 March 2017

Hello,
thank you for details.
You may add HTML control to your theme and put the sample code into HTML Source

 <style>
       #map {
        height: 400px;
        width: 100%;
       }
    </style>
  </head>
  <body>
    <h3>My Google Maps Demo</h3>
    <div id="map"></div>
    <script>
      function initMap() {
        var uluru = {lat: -25.363, lng: 131.044};
        var map = new google.maps.Map(document.getElementById('map'), {
          zoom: 4,
          center: uluru
        });
        var marker = new google.maps.Marker({
          position: uluru,
          map: map
        });
      }
    </script>
    <script async defer
    src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&callback=initMap">
    </script>

Remember to use real IP key and let us know the results.

regards,
Aileen

Hello, thank you for details. You may add HTML control to your theme and put the sample code into HTML Source <style> #map { height: 400px; width: 100%; } </style> </head> <body> <h3>My Google Maps Demo</h3> <div id="map"></div> <script> function initMap() { var uluru = {lat: -25.363, lng: 131.044}; var map = new google.maps.Map(document.getElementById('map'), { zoom: 4, center: uluru }); var marker = new google.maps.Marker({ position: uluru, map: map }); } </script> <script async defer src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&callback=initMap"> </script> Remember to use real IP key and let us know the results. regards, Aileen