Hello guys, I have been working on an application using kendo maps, and everything went smooth till I tried to publish it into an https website. My map have two layers, the first one works perfectly but the one with Bing Maps never download the tiles.
This is my code:
@(Html.Kendo().Map()
.Name("mapwrapper")
.Center(0, 0)
.Zoom(2)
.MaxZoom(16)
.MinZoom(6)
.Controls(controls=> controls.Navigator(false).Zoom(zoom=>zoom.Position(MapControlPosition.TopLeft)))
.Layers(layers =>
{
layers.Add()
.Type(MapLayerType.Tile)
.UrlTemplateId(Url.Action(null, "Tiles") + "?z=#= zoom #&x=#= x #&y=#= y #")
.Subdomains("a", "b", "c");
layers.Add()
.Type(MapLayerType.Bing)
.ImagerySet(MapLayersImagerySet.AerialWithLabels)
.Key("ApeI4THhSxCEqiGhrt4bEat9QIC_gCz8XXXXXXXXXXXXXXXX").Opacity(0);
})
.Events(events => events
.PanEnd("panEnd")
.ZoomStart("clearCanvas")
.ZoomEnd("zoomEnd")
.Click("onMapClick")
.ShapeCreated("onShapeCreated")
)
I have been inspecting the Javascript console on Chrome and shows this error:
The application was loaded over HTTPS, but ran insecure content from 'http://dev.virtualearth.net/REST/v1/Imagery/Metadata/aerialwithlabels?outpu…z8ZHbGFu2qwIDypA4lEwRnAi8a_k7MvxwD&callback=bingTileParams&_=1407503550662': this content should also be loaded over HTTPS.
It works on Internet Explorer but not on Chrome and Firefox, last versions.
Do you know how could I fix this problem?
Thanks.
Best Regards.
This is my code:
@(Html.Kendo().Map()
.Name("mapwrapper")
.Center(0, 0)
.Zoom(2)
.MaxZoom(16)
.MinZoom(6)
.Controls(controls=> controls.Navigator(false).Zoom(zoom=>zoom.Position(MapControlPosition.TopLeft)))
.Layers(layers =>
{
layers.Add()
.Type(MapLayerType.Tile)
.UrlTemplateId(Url.Action(null, "Tiles") + "?z=#= zoom #&x=#= x #&y=#= y #")
.Subdomains("a", "b", "c");
layers.Add()
.Type(MapLayerType.Bing)
.ImagerySet(MapLayersImagerySet.AerialWithLabels)
.Key("ApeI4THhSxCEqiGhrt4bEat9QIC_gCz8XXXXXXXXXXXXXXXX").Opacity(0);
})
.Events(events => events
.PanEnd("panEnd")
.ZoomStart("clearCanvas")
.ZoomEnd("zoomEnd")
.Click("onMapClick")
.ShapeCreated("onShapeCreated")
)
I have been inspecting the Javascript console on Chrome and shows this error:
The application was loaded over HTTPS, but ran insecure content from 'http://dev.virtualearth.net/REST/v1/Imagery/Metadata/aerialwithlabels?outpu…z8ZHbGFu2qwIDypA4lEwRnAi8a_k7MvxwD&callback=bingTileParams&_=1407503550662': this content should also be loaded over HTTPS.
It works on Internet Explorer but not on Chrome and Firefox, last versions.
Do you know how could I fix this problem?
Thanks.
Best Regards.