google map for none coder

  • Hi,
    I'm trying to add google map but I'm stuck. I can add a spot but I cannot link it to a scene. What am I missing here?
    https://www.dp-studio.com/virtualtours/Benchakitti-Park/


    <krpano version="1.20.9" title="Virtual Tour">


    <include url="skin/vtourskin.xml" />


    <!-- customize skin settings: maps, gyro, webvr, thumbnails, tooltips, layout, design, ... -->
    <skin_settings maps="true"
    maps_type="google"
    maps_bing_api_key=""
    maps_google_api_key=""
    maps_zoombuttons="false"
    maps_loadonfirstuse="true"
    gyro="true"
    gyro_keeplookingdirection="false"
    webvr="true"
    webvr_keeplookingdirection="true"
    webvr_prev_next_hotspots="true"
    autotour="false"
    littleplanetintro="false"
    followmousecontrol="false"
    title="true"
    thumbs="true"
    thumbs_width="120" thumbs_height="80" thumbs_padding="10" thumbs_crop="0|40|240|160"
    thumbs_opened="false"
    thumbs_text="false"
    thumbs_dragging="true"
    thumbs_onhoverscrolling="false"
    thumbs_scrollbuttons="false"
    thumbs_scrollindicator="false"
    thumbs_loop="false"
    tooltips_buttons="false"
    tooltips_thumbs="false"
    tooltips_hotspots="false"
    tooltips_mapspots="false"
    deeplinking="false"
    loadscene_flags="MERGE"
    loadscene_blend="OPENBLEND(0.5, 0.0, 0.75, 0.05, linear)"
    loadscene_blend_prev="SLIDEBLEND(0.5, 180, 0.75, linear)"
    loadscene_blend_next="SLIDEBLEND(0.5, 0, 0.75, linear)"
    loadingtext=""
    layout_width="100%"
    layout_maxwidth="814"
    controlbar_width="-24"
    controlbar_height="40"
    controlbar_offset="20"
    controlbar_offset_closed="-40"
    controlbar_overlap.no-fractionalscaling="10"
    controlbar_overlap.fractionalscaling="0"
    design_skin_images="vtourskin.png"
    design_bgcolor="0x2D3E50"
    design_bgalpha="0.8"
    design_bgborder="0"
    design_bgroundedge="1"
    design_bgshadow="0 4 10 0x000000 0.3"
    design_thumbborder_bgborder="3 0xFFFFFF 1.0"
    design_thumbborder_padding="2"
    design_thumbborder_bgroundedge="0"
    design_text_css="color:#FFFFFF; font-family:Arial;"
    design_text_shadow="1"
    />


    <!--
    For an alternative skin design either change the <skin_settings> values
    from above or optionally include one of the predefined designs from below.
    -->
    <!-- <include url="skin/vtourskin_design_flat_light.xml" /> -->
    <!-- <include url="skin/vtourskin_design_glass.xml" /> -->
    <!-- <include url="skin/vtourskin_design_ultra_light.xml" /> -->
    <!-- <include url="skin/vtourskin_design_117.xml" /> -->
    <!-- <include url="skin/vtourskin_design_117round.xml" /> -->
    <!-- <include url="skin/vtourskin_design_black.xml" /> -->


    <!-- startup action - load the first scene -->
    <action name="startup" autorun="onstart">
    if(startscene === null OR !scene[get(startscene)], copy(startscene,scene[0].name); );
    loadscene(get(startscene), null, MERGE);
    if(startactions !== null, startactions() );
    </action>


    <plugin name="map" devices="html5"
    url="plugins/googlemaps.js"
    align="righttop" width="300" height="200" x="0" y="0"
    keep="true"
    key=""
    maptype="satellite"
    language=""
    lat="13.730750"
    lng="100.555387"
    zoom="16"
    tilt="0"
    heading="0"
    controls="zoom|maptype"
    poi="false"
    activespotenabled="false"
    bgcolor="0x000000" bgalpha="0.0"
    onmapready=""
    onmaptypechanged=""
    onmapmoved=""
    onmapzoomed=""
    >
    <radar visible="true" size="300" alpha="0.33" fillcolor="0xFFFFFF" fillalpha="1.0" linecolor="0x00FF00" linealpha="0.5" linewidth="0.5" dragable="true" headingoffset="0" />


    <spot name="spot1" onclick="loadscene(scene_01);" lat="13.731498" lng="100.556528" heading="0" active="true" />


    <spot name="spot2" onclick="loadscene(scene_02);" lat="13.730458" lng="100.556614" heading="0" active="true" />


    </plugin>

    /Users/vassri/Library/Saved Searches/.DockTags/Green.tag2.savedSearch
    <scene name="scene_01" title="01" onstart="" thumburl="panos/01.tiles/thumb.jpg" lat="13.731498" lng="100.556528" heading="">

    <control bouncinglimits="calc:image.cube ? true : false" />


    <view hlookat="355.0" vlookat="0.0" fovtype="MFOV" fov="120" maxpixelzoom="2.0" fovmin="70" fovmax="140" limitview="auto" />


    <preview url="panos/01.tiles/preview.jpg" />


    <image prealign="0|355.0|0">
    <cube url="panos/01.tiles/pano_%s.jpg" />
    </image>


    </scene>


    <scene name="scene_02" title="02" onstart="" thumburl="panos/02.tiles/thumb.jpg" lat="13.730458" lng="100.556614" heading="">

    <control bouncinglimits="calc:image.cube ? true : false" />


    <view hlookat="182.0" vlookat="0.0" fovtype="MFOV" fov="120" maxpixelzoom="2.0" fovmin="70" fovmax="140" limitview="auto" />


    <preview url="panos/02.tiles/preview.jpg" />


    <image prealign="0|182.0|0">
    <cube url="panos/02.tiles/pano_%s.jpg" />
    </image>


    </scene>


    <scene name="scene_03" title="03" onstart="" thumburl="panos/03.tiles/thumb.jpg" lat="" lng="" heading="">

    <control bouncinglimits="calc:image.cube ? true : false" />


    <view hlookat="242.2" vlookat="0.0" fovtype="MFOV" fov="120" maxpixelzoom="2.0" fovmin="70" fovmax="140" limitview="auto" />


    <preview url="panos/03.tiles/preview.jpg" />


    <image prealign="0|242.2|0">
    <cube url="panos/03.tiles/pano_%s.jpg" />
    </image>


    </scene>


    <scene name="scene_04" title="04" onstart="" thumburl="panos/04.tiles/thumb.jpg" lat="" lng="" heading="">

    <control bouncinglimits="calc:image.cube ? true : false" />


    <view hlookat="226.7" vlookat="0.0" fovtype="MFOV" fov="120" maxpixelzoom="2.0" fovmin="70" fovmax="140" limitview="auto" />


    <preview url="panos/04.tiles/preview.jpg" />


    <image prealign="0|226.7|0">
    <cube url="panos/04.tiles/pano_%s.jpg" />
    </image>


    </scene>


    <scene name="scene_05" title="05" onstart="" thumburl="panos/05.tiles/thumb.jpg" lat="" lng="" heading="">

    <control bouncinglimits="calc:image.cube ? true : false" />


    <view hlookat="347.2" vlookat="0.0" fovtype="MFOV" fov="120" maxpixelzoom="2.0" fovmin="70" fovmax="140" limitview="auto" />


    <preview url="panos/05.tiles/preview.jpg" />


    <image prealign="0|347.2|0">
    <cube url="panos/05.tiles/pano_%s.jpg" />
    </image>


    </scene>


    <scene name="scene_06" title="06" onstart="" thumburl="panos/06.tiles/thumb.jpg" lat="" lng="" heading="">

    <control bouncinglimits="calc:image.cube ? true : false" />


    <view hlookat="217.4" vlookat="0.0" fovtype="MFOV" fov="120" maxpixelzoom="2.0" fovmin="70" fovmax="140" limitview="auto" />


    <preview url="panos/06.tiles/preview.jpg" />


    <image prealign="0|217.4|0">
    <cube url="panos/06.tiles/pano_%s.jpg" />
    </image>


    </scene>


    <scene name="scene_07" title="07" onstart="" thumburl="panos/07.tiles/thumb.jpg" lat="" lng="" heading="">

    <control bouncinglimits="calc:image.cube ? true : false" />


    <view hlookat="90.9" vlookat="0.0" fovtype="MFOV" fov="120" maxpixelzoom="2.0" fovmin="70" fovmax="140" limitview="auto" />


    <preview url="panos/07.tiles/preview.jpg" />


    <image prealign="0|90.9|0">
    <cube url="panos/07.tiles/pano_%s.jpg" />
    </image>


    </scene>


    <scene name="scene_08" title="08" onstart="" thumburl="panos/08.tiles/thumb.jpg" lat="" lng="" heading="">

    <control bouncinglimits="calc:image.cube ? true : false" />


    <view hlookat="92.9" vlookat="0.0" fovtype="MFOV" fov="120" maxpixelzoom="2.0" fovmin="70" fovmax="140" limitview="auto" />


    <preview url="panos/08.tiles/preview.jpg" />


    <image prealign="0|92.9|0">
    <cube url="panos/08.tiles/pano_%s.jpg" />
    </image>


    </scene>


    </krpano>

Participate now!

Don’t have an account yet? Register yourself now and be a part of our community!