Release 4.8.1

dist/plugins/markers.d.ts

@@ -61,6 +61,7 @@ type SelectMarkerData = {
 
 type MarkersPluginOptions = {
   clickEventOnMarker?: boolean;
+  gotoMarkerSpeed?: string | number;
   markers?: MarkerProperties[];
 };
 

docs/.netlify/functions/announcements.js

@@ -1,17 +1,14 @@
-const axios = require('axios');
-
 exports.handler = async function(event, context) {
   if (event.httpMethod !== 'GET') {
     return { statusCode: 405, body: 'Method Not Allowed' };
   }
 
-  return await axios({
-    url    : 'https://api.github.com/graphql',
+  return await fetch('https://api.github.com/graphql', {
     method : 'POST',
     headers: {
       'Authorization': `bearer ${process.env.GH_TOKEN}`,
     },
-    data   : {
+    body   : JSON.stringify({
       query: `
         query {
           repository(owner: "mistic100", name: "photo-sphere-viewer") {
@@ -27,10 +24,11 @@ exports.handler = async function(event, context) {
             }
           }
         }`,
-    },
+    }),
   })
+    .then(response => response.json())
     .then(result => {
-        const announcements = result.data.data.repository.pinnedDiscussions.nodes.map(n => n.discussion);
+        const announcements = result.data.repository.pinnedDiscussions.nodes.map(n => n.discussion);
         return {
           statusCode: 200,
           body: JSON.stringify(announcements)

docs/.netlify/functions/releases.js

@@ -1,17 +1,14 @@
-const axios = require('axios');
-
 exports.handler = async function(event, context) {
   if (event.httpMethod !== 'GET') {
     return { statusCode: 405, body: 'Method Not Allowed' };
   }
 
-  return await axios({
-    url    : 'https://api.github.com/graphql',
+  return await fetch('https://api.github.com/graphql', {
     method : 'POST',
     headers: {
       'Authorization': `bearer ${process.env.GH_TOKEN}`,
     },
-    data   : {
+    body   : JSON.stringify({
       query: `
         query {
           repository(owner: "mistic100", name: "photo-sphere-viewer") {
@@ -26,10 +23,11 @@ exports.handler = async function(event, context) {
             }
           }
         }`,
-    },
+    }),
   })
+    .then(response => response.json())
     .then(result => {
-        const releases = result.data.data.repository.releases.nodes;
+        const releases = result.data.repository.releases.nodes;
         return {
           statusCode: 200,
           body: JSON.stringify(releases)

docs/plugins/plugin-markers.md

@@ -494,6 +494,12 @@ lang: {
 
 _Note: this option is not part of the plugin but is merged with the main [`lang`](../guide/config.md#lang) object._
 
+#### `gotoMarkerSpeed` <Badge text="4.8.1"/>
+- type: `string|number`
+- default `'8rpm'`
+
+Default animation speed for `gotoMarker` method.
+
 #### `clickEventOnMarker`
 - type: `boolean`
 - default: `false`
@@ -529,7 +535,7 @@ Returns the last marker clicked by the user.
 Moves the view to face a specific marker.
 
 ```js
-markersPlugin.gotoMarker('marker-1', 1500)
+markersPlugin.gotoMarker('marker-1', '4rpm')
   .then(() => /* animation complete */);
 ```
 

example/plugin-markers.html

@@ -426,11 +426,11 @@ <h2>Lorem ipsum</h2>
           });
 
           // add markers all hover the sphere
-          for (let i = 0; i < Math.PI * 2; i += Math.PI / 4) {
-            for (let j = -Math.PI / 2 + Math.PI / 4; j < Math.PI / 2; j += Math.PI / 4) {
+          for (let i = 0, k = 1; i < Math.PI * 2; i += Math.PI / 4) {
+            for (let j = -Math.PI / 2 + Math.PI / 4; j < Math.PI / 2; j += Math.PI / 4, k++) {
               a.push({
-                id       : '#' + a.length,
-                tooltip  : '#' + a.length,
+                id       : '#' + k,
+                tooltip  : '#' + k,
                 latitude : j,
                 longitude: i,
                 image    : 'assets/pin-red.png',