\n | Pano ID<\/b><\/td>\n | <\/td>\n <\/tr>\n <\/table>\n <\/table>\n <\/div>\n\n \n <\/script>\n <\/body>\n<\/html>\n",
js: "/**\n * @license\n * Copyright 2019 Google LLC. All Rights Reserved.\n * SPDX-License-Identifier: Apache-2.0\n */\nfunction initPano() {\n const panorama = new google.maps.StreetViewPanorama(\n document.getElementById(\"pano\"),\n {\n position: { lat: 37.869, lng: -122.255 },\n pov: {\n heading: 270,\n pitch: 0,\n },\n visible: true,\n },\n );\n\n panorama.addListener(\"pano_changed\", () => {\n const panoCell = document.getElementById(\"pano-cell\");\n\n panoCell.innerHTML = panorama.getPano();\n });\n panorama.addListener(\"links_changed\", () => {\n const linksTable = document.getElementById(\"links_table\");\n\n while (linksTable.hasChildNodes()) {\n linksTable.removeChild(linksTable.lastChild);\n }\n\n const links = panorama.getLinks();\n\n for (const i in links) {\n const row = document.createElement(\"tr\");\n\n linksTable.appendChild(row);\n\n const labelCell = document.createElement(\"td\");\n\n labelCell.innerHTML = \"Link: \" + i + \"<\/b>\";\n\n const valueCell = document.createElement(\"td\");\n\n valueCell.innerHTML = links[i].description;\n linksTable.appendChild(labelCell);\n linksTable.appendChild(valueCell);\n }\n });\n panorama.addListener(\"position_changed\", () => {\n const positionCell = document.getElementById(\"position-cell\");\n\n positionCell.firstChild.nodeValue = panorama.getPosition() + \"\";\n });\n panorama.addListener(\"pov_changed\", () => {\n const headingCell = document.getElementById(\"heading-cell\");\n const pitchCell = document.getElementById(\"pitch-cell\");\n\n headingCell.firstChild.nodeValue = panorama.getPov().heading + \"\";\n pitchCell.firstChild.nodeValue = panorama.getPov().pitch + \"\";\n });\n}\n\nwindow.initPano = initPano;\n",
css: "/**\n * @license\n * Copyright 2019 Google LLC. All Rights Reserved.\n * SPDX-License-Identifier: Apache-2.0\n */\n/* \n * Always set the map height explicitly to define the size of the div element\n * that contains the map. \n */\n#map {\n height: 100%;\n}\n\n/* \n * Optional: Makes the sample page fill the window. \n */\nhtml,\nbody {\n height: 100%;\n margin: 0;\n padding: 0;\n}\n\n#floating-panel {\n position: absolute;\n top: 10px;\n left: 25%;\n z-index: 5;\n background-color: #fff;\n padding: 5px;\n border: 1px solid #999;\n text-align: center;\n font-family: \"Roboto\", \"sans-serif\";\n line-height: 30px;\n padding-left: 10px;\n}\n\n#pano {\n width: 50%;\n height: 100%;\n float: left;\n}\n\n#floating-panel {\n width: 45%;\n height: 100%;\n float: right;\n text-align: left;\n overflow: auto;\n position: static;\n border: 0px solid #999;\n}\n\n"
},
fiddle: {
version: "",
slug: "",
boilerplate: false
},
panels: {
html: "html",
js: "javascript",
css: "css"
},
user: {
id: "None",
username: ""
},
currentUser: false,
isAuthor: false,
features: {
toggleSidebar: false
}
}
// translations
const I18n = {
editor: {
panels: {
result: "Result",
drag_to_reorder: "Drag tabs to reorder",
tidy: "Tidy"
},
sidebar: {
toggle_sidebar: "Toggle sidebar"
},
groups: {
placeholder_value: "Assign to groups",
search_placeholder_value: "Search for groups",
no_choices_text: "No more groups",
no_results_text: "No groups found",
item_select_text: "Press to select",
you_have_no_groups: "You have no groups"
}
}
}
const EditorUISettings = {
// options that user can change
layout: 1,
darkTheme: true,
tabSize: 2,
matchBrackets: true,
lineNumbers: true,
lineWrapping: true,
keyMap: "default",
autoCloseTags: true,
autoCloseBrackets: true,
indentWithTabs: false,
codeLinting: true,
autoRun: EditorConfig.currentUser ? false : false,
autoRunValid: EditorConfig.currentUser ? true : false,
autoSave: EditorConfig.currentUser ? true : false,
clearConsole: false,
fontSize: 1,
matchTags: false,
foldGutter: true,
codeHints: true,
editorConsole: true
}
Street View Events - JSFiddle - Code Playground
Keep JSFiddle running.
Whitelist us in your content blocker.
We've been providing web developers, educators, students, companies with JSFiddle free for many years.
Your can help us in one of two ways:
- Whitelist JSFiddle in your content blocker
- Go PRO and get access to additional PRO features →
|
