The following table describes the parameters of the Waze iFrame: Parameter Set the iFrame size automatically, based on the screen size.
To embed the iFrame into a responsive website, we recommend that you use common CSS techniques to
#IFRAME ZOOM HOW TO#
The following example shows how to embed the Live Map into your website. You can modify the zoom level with the zoom parameter. Note: The zoom level of your view on the Live Map is reflected in the embed code. Click the share icon in the bottom right corner of theĪ pop-up should appear with a customized embed code.Search for your location either in the search bar or by zooming in and clicking on a specific
#IFRAME ZOOM CODE#
To generate an iFrame on your web page, add your iFrame code to your web page.You embed the Waze Live Map into your website by using an iFrame, so that the output looksīy default, the Live Map includes a link to this map's search and routing options in theįor examples of additional Live Map configuration options, see Interested in joining our Broadcasters partnership? Partners in the Waze Broadcasters program. Note: Some functionality described here is specific to Locations and view real-time traffic updates based on Waze's real-time map data. Use the copy button on the right of the “Iframe” section to copy the iframe code once you are happy with the chosen options.Developers can embed a Waze Live Map on their website. Note that the image will not be resized in any way, therefore its size should be appropriate to the size of the viewer canvas where your model is embedded. Make sure the url to the image is public. This option allows to specify the url of an image to be used as a custom logo while the viewer loads the model. This option determines whether the zoom button, located at the top right of the 3D viewer canvas, should be shown in the iframe.
#IFRAME ZOOM FULL#
If it is hidden, users will not have a way to switch to full screen mode. This option determines whether the full screen button, located at the top right of the 3D viewer canvas, should be shown in the iframe. The visibility of the control panel can always be controlled by the user after that, using the control toggle button in the viewer. This option determines if the iframe should load with the control panel containing parameters and outputs open on the right, or if it should be hidden. Height: height of the embedded iframe (by default 480px) Width: width of the embedded iframe (by default 100%) Play with the following four colors to customize the aspect of the embedded iframe:
#IFRAME ZOOM SERIES#
It contains a series of options to customize the appearance and behaviour of the iframe. If embedding domains are setup and embedding is enabled, the “View” page of the model includes an “Iframe” section under the viewer. Once the option is enabled, the list of embedding domains defined in the first step above should be displayed for information on the right. Make sure the “Allow embedding” option is checked and Save the changes if needed. This option can be found in the “Edit” page of the model, in the “Embedding” section. The second step is to allow embedding for each specific model. ShapeDiver users with the required permissions can list domains for embedding in the “Settings” page of their dashboard. In order to embed any model, at least one domain needs to be listed in the “Global domains” for the account. Furthermore, it is possible to customize several iframe and styling options before embedding.
The embedded model comes with the 3D viewer, the parameter and output panel, as well as the AR button to view the 3D scene in augmented reality. ShapeDiver users who have the right permissions are able to embed any of their ShapeDiver models using an iframe on any external website they choose. Iframe embedding is only available for ShapeDiver users with a paid subscription.
0 kommentar(er)
