Bing Maps help

virtual pete · October 8, 2014 at 5:08 PM

Hi, I am trying to deploy the Bing Maps as in the examples provided in the download - so aiming to have the bing map in a small box in the lower left hand corner. Ok that works fine.

Now I have for example 200 panos which all have lat/lng attributes and I want them to show as markers in the Bing Map and when one is selected the marker changes colour so you now it is active and this should happen even if I select a pano from a marker or click on a thumbnail or move to a new pano, the map should move to show the new location of the active marker. Basically for any selected pano I want the user to have a "you are here" reference guide.

I had this working fine when I had Tourweaver but now I have a better friend in KRpano and I want to try and do the same thing.

I am sure it can be done :)

Umalo · October 8, 2014 at 5:55 PM

you have mail...related to this

Midhat · May 7, 2024 at 4:26 PM

I know the topic is very old, but I need this now too. So a small map in the right corner and not in the middle.
Does anyone have a solution?

Tuur · May 7, 2024 at 5:33 PM

Hi,

I would put the maps in a layer type container, at 100% width and height, and put the container layer anywhere you want in the size you want..

Tuur

Midhat · May 8, 2024 at 9:16 AM

Thank you,
I will try :)

Midhat · May 8, 2024 at 11:25 AM

I tried this code, I placed it in tour.xml and I also tried it in vtourskin.xml. The map does not appear in any variant. Is it a bug in the code or...

Code

	<layer name="mymap_container" align="rightbottom" x="10" y="10" width="200" height="200">
    <plugin name="bingmaps"
           url="%SWFPATH%/plugins/bingmaps.js"
            type="container"
            lat="43.596119"
            lng="18.346182"
            zoom="10"
            width="100%"
            height="100%"
            draggable="true"
			visible="true"
            onclick="draglayer();"
            onloaded="js(Microsoft.Maps.Events.addHandler(plugin[bingmaps].getMap(), 'viewchangeend', function(){ layer[map_container].ondrag(); }));"
            />
			</layer>

Display More

Tuur · May 8, 2024 at 12:08 PM

Hi,

Perhaps also a keep = true at the container layer?

I also think a container needs a bgcolor and bgalpha vallue.
krpano.com - Documentation - XML Reference

Edit: oh .. you use vtourskin.. i never do for a project to be honest.
That can be more tricky. Perhaps someone else can help here?

Tuur

Midhat · May 8, 2024 at 3:18 PM

I found here: https://krpano.com/viewsource.htm…/googlemaps.xml

Code

<!-- container layer -->
	<layer name="mapcontainer" type="container" bgcolor="0xFFFFFF" bgalpha="0.5" align="rightbottom" x="5" y="5" width.normal="270" height.normal="370" width.mobile="200" height.mobile="250">

		<!-- maps plugin - use Google for HTML5 and Bing for Flash -->
		<plugin name="map" keep="true"
		        url="%VIEWER%/plugins/googlemaps.js"
		        key="AIzaSyD3WEWe9IfmxhhqS1wA_cVTe3rlUEXNees"
		        maptype="SATELLITE"
		        lat="41.898761" lng="12.473094" zoom="18"
		        align="lefttop" x="10" y="10" width="-20" height="-20">

			<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" lat="41.898761" lng="12.473094" heading="0" active="true" />

		</plugin>

	</layer>

Display More

To see the container in the lower right corner I have to exclude vtourskin.xml. If it is included, the container is not displayed.

Since my knowledge is very modest, I tried to remove the existing container with the map from vtourskin.xml so that there would be no conflict, but it did not help. what else could be causing this problem?

klaus.krpano · May 9, 2024 at 6:59 AM Official Post

Add keep="true" to the 'mapcontainer' <layer> - otherwise it gets removed when loading the first scene:

krpano.com - Documentation - XML Reference

Midhat · May 14, 2024 at 4:10 PM

klaus.krpano I did it with Google maps. I inserted this code into tour.xml, and a small map appeared.

Code

<layer name="mapcontainer" type="container" keep="true" bgcolor="0xFFFFFF" bgalpha="0.5" align="rightbottom" x="5" y="5" width.normal="270" height.normal="370" width.mobile="200" height.mobile="250">
<!--Google map -->
        <plugin name="map" keep="true"
                url="%VIEWER%/plugins/googlemaps.js"
                key="AIzaSyDiAHA1vK3BxkvcBo8q9hmmpWiYvKLHImc"
                maptype="SATELLITE"
                zoom="18"
                align="lefttop" x="10" y="10" width="-20" height="-20">
            <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" lat="" lng="" heading="0" active="true" />
        </plugin>
        </layer>

Display More

However, I still have a problem that I don't know how to set the active spot to be the one from the panorama.

With Bing maps is an even bigger problem. I tried using this code to set up a Bing map, but it doesn't work at all and the map won't appear:

Code

<layer name="mapcontainer" type="container" keep="true" bgcolor="0xFFFFFF" bgalpha="0.5" align="rightbottom" x="5" y="5" width.normal="270" height.normal="370" width.mobile="200" height.mobile="250">
<!--Bing map -->
		<plugin name="map"
        url="%VIEWER%/plugins/bingmaps.js"
        align="lefttop" width="-20" height="-20" x="10" y="10"
        keep="true"
        key="ArIH2MKa8AR9D4F68--_nfJcbK7zrK4teKZy3ROeH9fgnxjL_IL6CMDXngwbsdye"
        maptype="satellite"
        culturecode=""
        lat="43,123456"
        lng="18,123456"
        zoom="1"
        activespotenabled="true"
        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" lat="" lng="" heading="0" active="true" />
</plugin>

	</layer>

Display More

Where did I go wrong in Bing maps?

Participate now!