AerialSphere API Demo

Sending Your Data

Sample Data

embed_data.js
var sample_data = {
    title: "My super cool map!",
    sphere_lat: 33.289894,
    sphere_lng: -111.742101,
    lookat_lat: 0.0,
    lookat_lng: 0.0,
    camera_fov: 90.0,
    camera_fovmin: 90.0,
    camera_fovmax: 90.0,
    layers: [
        {
            name: "Test Layer 1",
            markers: [
                {
                    name: "Test Marker A",
                    id: 1,
                    lat: 33.300045,
                    lng: -111.7474365,
                    icon: "home_for_sale"
                },
                {
                    name: "Test Marker B",
                    id: 2,
                    lat: 33.3048513,
                    lng: -111.7184258,
                    icon: "poi"
                },
                {
                    name: "Test Marker C",
                    id: 3,
                    lat: 33.307075,
                    lng: -111.6789436,
                    icon: "http://placehold.it/50x50"
                }
            ]
        },
        {
            name: "Test Layer 2",
            markers: [
                {
                    name: "Test Marker D",
                    id: 4,
                    lat: 33.2912925,
                    lng: -111.7373943,
                    icon: "food"
                },
                {
                    name: "Test Marker E",
                    id: 5,
                    lat: 33.2943058,
                    lng: -111.7012596,
                    icon: "shopping"
                }
            ]
        }
    ]
};


Single marker

lat lon title id icon layer

Marker Callout HTML

Sample content of callout. This div has an id of: "marker_callout_html"

Div Id

Layer Visibility

layer name

Camera Angle

pan tilt

View Change Callback

View Change Callback Count

Mouse Position Callback

Position updated on click event

x y pan tilt lat lon

Hide / Show Widgets

widget name visible