brianjlandau (owner)

Revisions

gist: 147380 Download_button fork
public
Public Clone URL: git://gist.github.com/147380.git
Embed All Files: show embed
custom_selectors.html #
raw 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22

<div id="map"></div>
 
<ul id="map-locations">
  <li class="location" data="{id: 1, point: {lng: -122.2678847, lat: 37.8574888}, category: 'market'}">
    <a href="#" class="map-item">Berkeley Bowl</a>
    <div class="info-html">
      <p>A great place to get all your groceries, especially fresh fruits and vegetables.</p>
    </div>
  </li>
  <li class="location" data="{id: 2, point: {lng: -122.4391131, lat: 37.7729943}, category: 'restaurant'}">
    <a href="#" class="map-item">Nopalito</a>
    <div class="info-html">
      <p>The best authentic Mexican restaurant in San Francisco.</p>
    </div>
  </li>
  <li class="location" data="{id: 3, point: {lng: -122.4481651, lat: 37.8042096}, category: 'museum'}">
    <a href="#" class="map-item">Exploratorium</a>
    <div class="info-html">
      <p>A hands-on museum of science, art, and human perception in San Francisco.</p>
    </div>
  </li>
</ul>
custom_selectors.js #
raw 
1
2
3
4
5
6
7
8

$(document).ready(function(){
  $('#map').jMapping({
    side_bar_selector: '#map-locations:first',
    location_selector: '.location',
    link_selector: 'a.map-item',
    info_window_selector: '.info-html'
  });
});