Click here to Skip to main content
14,427,367 members
Rate this:
Please Sign up or sign in to vote.
See more:
I need to redirect from a home page to a separate map-page when a button is clicked. The redirect to the map-page happens successfully with history.push() but however the Booking.com map-widget fails to load....When using window.location.assign(), the map-widget loads as the page refreshes...Is there anyway to accomplish this without refreshing the page but only through history.push()?


Code for map

<pre><ins class="bookingaff" data-aid="" data-target_aid="" data-prod="map" data-width="100%" data-height="590" data-lang="ualng" data-dest_id="0" data-dest_type="landmark" data-latitude="" data-longitude="" data-landmark_name="" data-mwhsb="1" data-address="">
    <!-- Anything inside will go away once widget is loaded. -->
        <a href="//www.booking.com?aid=">Booking.com</a>
</ins>
<script type="text/javascript">
    (function(d, sc, u) {
      var s = d.createElement(sc), p = d.getElementsByTagName(sc)[0];
      s.type = 'text/javascript';
      s.async = true;
      s.src = u + '?v=' + (+new Date());
      p.parentNode.insertBefore(s,p);
      })(document, 'script', '//aff.bstatic.com/static/affiliate_base/js/flexiproduct.js');
</script>


What I have tried:

By placing the code within the script tags inside the constructor of the map-widget react component the map loaded on the first click but once you go back and click the button again the map fails to load unless the home is refreshed again.
Posted
Updated 9-Jan-20 3:28am
v4
Comments
Kornfeld Eliyahu Peter 9-Jan-20 10:40am
   
You should ask the source... Booking.com...

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)




CodeProject, 503-250 Ferrand Drive Toronto Ontario, M3C 3G8 Canada +1 416-849-8900 x 100