Home/ Questions/Q 7626547
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-31T05:20:23+00:00

I have multiple Google Maps on a single page. Scenario: Maps are working as

  • 0

I have multiple Google Maps on a single page.

Scenario:

  • Maps are working as expected when used alone on a page.
  • I am using 2 maps on the same page.

Working Case: 🙂

Problem Case: 🙁

I am not able to understand how are the maps affecting each other even when there is no clash of variable names.

Also, how can the order of maps affect it?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    It’s because of the way you are loading the API and the StyledMarker extension. Do both only once, and as early as possible (preferably in the <head> section).

    <html>
<head>
    <script src="http://maps.googleapis.com/maps/api/js?v=3.6&sensor=true&language=en-us"></script>
    <script src="/site_media/js/google_maps/StyledMarker.js"></script>
</head>

    Don’t include the scripts anywhere else.

    In the first example, you load the API, then do that again and then the StyledMarker extension, and then you call map1() and map2(). But because the StyledMarker extension is loaded last, everything works.

    In the second example, you load the API and the StyledMarker extension, then you load the API again, then you call map1() and attempt to use styled markers. However loading the API the second time may well have obliterated the StyledMarker extension.

    • 0