How to place 2 maps on one page?

  • Resolved Dmitry Bychenko

    (@wpbluefox)


    6 years, 4 months ago

    Trying to put 2 maps on the same page:
    1st map is location.
    2nd map is hotels around location.

    What i expect:
    2 different maps with different markers.

    What i get:
    Only 1st map is shown with all markers (from 1st and 2nd map), 2nd map is not shown.

    Is it possible to have 2 different maps with their own markers on the same page?

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author bozdoz

    (@bozdoz)

    absolutely; what are you trying? does it look like this?

    [leaflet-map]
    [leaflet-marker]

    [leaflet-map]
    [leaflet-marker]

    Thread Starter Dmitry Bychenko

    (@wpbluefox)

    yes.

    1.
    [leaflet-map height=”250″ lat=12.8454230444756 lng=-259.0932905673981 zoom=16]<br />
    [leaflet-marker visible=”true” lat=12.844042296736598 lng=-259.0960242795947]KBA Pattaya[/leaflet-marker]<br />
    [leaflet-marker visible=”false” lat=12.84503603156883 lng=-259.09006982859694]’7-Eleven’ on the Corner[/leaflet-marker]<br />
    [leaflet-marker visible=”false” lat=12.84657997399439 lng=-259.0905524893802]PT Gasoline Station[/leaflet-marker]<br />
    [leaflet-marker visible=”false” lat=12.849222227119725 lng=-259.0912968626084]Shell Gasoline Station[/leaflet-marker]<br />
    [leaflet-marker visible=”false” lat=12.854228415453749 lng=-259.09086650580105]Bridge over the River[/leaflet-marker]<br />
    [leaflet-marker visible=”false” lat=12.840062087837003 lng=-259.08877372741705]Ambassador Hotel[/leaflet-marker]

    2.
    [leaflet-map height=”280″lat=12.844314261761589 lng=-259.09399330616003zoom=17]<br />
    [leaflet-marker visible=”true” lat=12.844042296736598 lng=-259.0960242795947]KBA Pattaya[/leaflet-marker]<br />
    [leaflet-marker visible=”false” lat=12.844340417598906 lng=-259.0946155786515]B2 Seaview[/leaflet-marker]<br />
    [leaflet-marker visible=”false” lat=12.845172016029649 lng=-259.093456864357]Savotel[/leaflet-marker]<br />
    [leaflet-marker visible=”false” lat=12.844523474093467 lng=-259.09149348735815]Olive Tree[/leaflet-marker]<br />
    [leaflet-marker visible=”false” lat=12.844591466471778 lng=-259.09111797809607]Mangrove[/leaflet-marker]<br />
    [leaflet-marker visible=”false” lat=12.844711760634478 lng=-259.09073710441595]Carunda[/leaflet-marker]<br />
    [leaflet-marker visible=”false” lat=12.843634341299275 lng=-259.0949964523316]Lemon Grass[/leaflet-marker]<br />
    [leaflet-marker visible=”false” lat=12.838890503171616 lng=-259.0916061401368]Ambassador[/leaflet-marker]<br />
    [leaflet-marker visible=”false” lat=12.84655800729812 lng=-259.09336566925055]Bannammao[/leaflet-marker]

    Thread Starter Dmitry Bychenko

    (@wpbluefox)

    I have discovered on 2nd map spaces are missing 2 times. i guess page builder removed that spaces by some reason:

    [leaflet-map height=”280″lat=12.844314261761589 lng=-259.09399330616003zoom=17]

    missing space between ”280″lat
    and
    between lng=-259.09399330616003zoom=17

    now works properly. thank you, bozdoz. very cool plugin.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘How to place 2 maps on one page?’ is closed to new replies.