• címkék:
  • Google
  • térkép
  • map

Google Maps plugin

Példa

Alábbi példában igyekeztem minél a fontosabb opciók közül a lehető legtöbbet egyetlen térképre zsúfolni, melyek a következők:

Budapest,
Vörösmarty tér

Vörösmarty tér

Budapest,
Deák Ferenc tér

Deák Ferenc tér

Budapest,
Erzsébet tér

Erzsébet tér

Deklaráció

        $(document).ready(function(){
          $('#map').googleMaps({
            latitude: 47.497851,
            longitude: 19.051409,
            depth: 16,
            markers: [
              {
                latitude: 47.496700,
                longitude: 19.050409,
                draggable: true,
                info: {
                  layer: '#info1'
                }
              },
              {
                latitude: 47.497600,
                longitude: 19.054909,
                info: {
                  layer: '#info2'
                }
              },
              {
                latitude: 47.497271,
                longitude: 19.052653,
                info: {
                  layer: '#info3',
                  popup: true
                }
              }
            ],
            controls: {
              localSearch: true
            },
            trafficInfo: true,
            layer: 'org.wikipedia.hu'
          })
        });
      

HTML kód

        <div id="map"></div>

        <div id="info1">
          <p>
            Budapest,<br/>
            <strong>Vörösmarty tér</strong>
          </p>
          <p><img src="images/img1.jpg" alt="Vörösmarty tér" width="120" height="90" /></p>
        </div>

        <div id="info2">
          <p>
            Budapest,<br/>
            <strong>Deák Ferenc tér</strong>
          </p>
          <p><img src="images/img2.jpg" alt="Deák Ferenc tér" width="120" height="90" /></p>
        </div>

        <div id="info3">
          <p>
            Budapest,<br/>
            <strong>Erzsébet tér</strong>
          </p>
          <p><img src="images/img3.jpg" alt="Erzsébet tér" width="120" height="90" /></p>
        </div>
      

« bezár