\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 */\n// @ts-nocheck TODO remove when fixed\nfunction initPano() {\n // Set up Street View and initially set it visible. Register the\n // custom panorama provider function. Set the StreetView to display\n // the custom panorama \'reception\' which we check for below.\n const panorama = new google.maps.StreetViewPanorama(\n document.getElementById(\"map\"),\n { pano: \"reception\", visible: true },\n );\n\n panorama.registerPanoProvider(getCustomPanorama);\n}\n\n// Return a pano image given the panoID.\nfunction getCustomPanoramaTileUrl(pano, zoom, tileX, tileY) {\n return (\n \"https://developers.google.com/maps/documentation/javascript/examples/full/images/\" +\n \"panoReception1024-\" +\n zoom +\n \"-\" +\n tileX +\n \"-\" +\n tileY +\n \".jpg\"\n );\n}\n\n// Construct the appropriate StreetViewPanoramaData given\n// the passed pano IDs.\nfunction getCustomPanorama(pano) {\n if (pano === \"reception\") {\n return {\n location: {\n pano: \"reception\",\n description: \"Google Sydney - Reception\",\n },\n links: [],\n // The text for the copyright control.\n copyright: \"Imagery (c) 2010 Google\",\n // The definition of the tiles for this panorama.\n tiles: {\n tileSize: new google.maps.Size(1024, 512),\n worldSize: new google.maps.Size(2048, 1024),\n // The heading in degrees at the origin of the panorama\n // tile set.\n centerHeading: 105,\n getTileUrl: getCustomPanoramaTileUrl,\n },\n };\n }\n // @ts-ignore TODO fix typings\n return null;\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" }, 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 } Custom Street View Panoramas - JSFiddle - Code Playground

JSFiddle

  • zapGo PRO
  • Settings
  • Sign in