Google Markers

by Jorgelig

HTML

<script src="http://google-maps-utility-library-v3.googlecode.com/svn/trunk/markerclusterer/src/markerclusterer.js"></script>
<script src="http://maps.google.com/maps/api/js?sensor=false"></script>
<div class="row-fluid">
    <div id="RealtyMapResults" class="detailBox gmap">Map</div>
</div>

CSS

import url('http://netdna.bootstrapcdn.com/twitter-bootstrap/2.0.4/css/bootstrap-combined.min.css');
 .gmap {
    height: 400px;
    width: 400px;
}

JavaScript

var items = [{
    "id": 71560,
        "code": "MX13-AH1560",
        "latitude": 19.7937912,
        "longitude": -101.177303101,    
        "realtyStatusId": 2
}, {
    "id": 76025,
        "code": "MX13-AH6025",
        "latitude": 20.4225846,
        "longitude": -99.9972699,
        "realtyStatusId": 2
}, {
    "id": 65187,
        "code": "MX13-AG5187",
        "latitude": 19.7813784,
        "longitude": -98.5701621,
        "realtyStatusId": 2
}, {
    "id": 59786,
        "code": "MX12-AF9786",
        "latitude": 20.576275,
        "longitude": -103.3823472,
        "realtyStatusId": 2
}, {
    "id": 59679,
        "code": "MX12-AF9679",
        "latitude": 17.2256306,
        "longitude": -96.8180278,
        "realtyStatusId": 2
}, {
    "id": 71497,
        "code": "MX13-AH1497",
        "latitude": 20.459826157,
        "longitude": -103.456192017,
        "realtyStatusId": 2
}, {
    "id": 76020,
        "code": "MX13-AH6020",
        "latitude": 20.4114832,
        "longitude": -99.9862366,
        "realtyStatusId": 2
}, {
    "id": 67342,
        "code": "MX13-AG7342",
        "latitude": 21.1505556,
        "longitude": -86.9011111,
        "realtyStatusId": 2
}, {
    "id": 59694,
        "code": "MX12-AF9694",
        "latitude": 17.7855278,
        "longitude": -97.7766389,
        "realtyStatusId": 2
}, {
    "id": 76027,
        "code": "MX13-AH6027",
        "latitude": 20.6469718,
        "longitude": -100.3940924,
        "realtyStatusId": 2
}, {
    "id": 54234,
        "code": "MX12-AF4234",
        "latitude": 20.3757078,
        "longitude": -99.9499011,
        "realtyStatusId": 2
}, {
    "id": 60823,
        "code": "MX12-AG0823",
        "latitude": 19.6993294,
        "longitude": -101.226064,
        "realtyStatusId": 2
}, {
    "id": 65180,
        "code": "MX13-AG5180",
        "latitude": 20.1108611,
        "longitude": -98.7105556,
        "realtyStatusId": 2
}, {
    "id": 66504,
        "code": "MX13-AG6504",
       ...