Mapa renta depas

Mapas con rutas que pasan por accura Monterrey y depas encontrados

by Jorgelig

HTML

<script src="https://maps.googleapis.com/maps/api/js?sensor=false&amp;libraries=geometry,places&amp;ext=.js"></script>
<div id="map"></div>
<ul id="js-accura-routes"></ul>

CSS

html, body {
    height: 100%;
    margin: 0;
    padding: 0;
}
ul {
    padding: 0 15px;
}
li {
    list-style: none;
}
label {
    cursor: pointer;
}
#map {
    height: 500px;
    width: 100%;
}

JavaScript

// http://www.hexcolortool.com/
// https://developers.google.com/apis-explorer/#p/fusiontables/v2/fusiontables.query.sql?sql=select+*+from+1Q65s9mKtrJRcuxif6kM2qQNVXR9kEpuzZq3blaJX&_h=29&

var colors = [
    '#1a1334', '#01545a', '#03c383',
    '#ef6a32', '#ed0345', '#710162',
    '#110141', '#fa482e', '#f4a32e',
    '#b1200f', '#1F767F', '#17C700',
    '#065D66', '#732422', '#4C2273',
    '#227173', '#EB403D', '#91EB3D',
    '#4C0F85', "#4F97D6"];
var propertyIcon = "https://cdn2.iconfinder.com/data/icons/places-4/100/home_place_marker_location_house_apartment-32.png";
var accuraIcon = 'https://cdn0.iconfinder.com/data/icons/small-n-flat/24/678111-map-marker-32.png';
var nocnokIcon = "https://cdn2.iconfinder.com/data/icons/places-4/100/leaf_place_marker_location_nature_eco-32.png";

var path_type = google.maps.SymbolPath.FORWARD_CLOSED_ARROW;
var map = new google.maps.Map(document.getElementById('map'), {
    center: {
        lat: 25.6703119,
        lng: -100.3360937
    },
    zoom: 12
});
var routes = new Array();
var properties = new Array();
// checked
var inputElementTemplate = "<label><input id='route-$Index' type='checkbox' value='$Index'  /><strong>$RouteName</strong></label>";

function getFusionTable(tableId, onSuccess, onError) {
    var url = "https://www.googleapis.com/fusiontables/v2/query";
    var routesSQL = "SELECT * FROM " + tableId;
    var apiKey = "AIzaSyBWGZgYnMIGMDW9vn7KA-yHuOFVpkfc9bo";

    $.getJSON(url, {
        sql: routesSQL,
        key: apiKey
    }).done(function (jsonData) {
        if (onSuccess !== null) onSuccess(jsonData);
    }).fail(function (jqxhr, textStatus, error) {
        if (onError !== null) onError(jqxhr);
        var err = textStatus + ", " + error;
        console.log("Request Failed: " + err);
    });
}

function getProperties() {
    var tableId = "1gTe72RkCVQbPo5X0ADIXdsMFi2vwk8H2yhJiL6Yn";
    var properties = new Array();
    getFusionTable(tableId, function (response) {
        var items =...