Bing Map showing blank

JulieBiju — Sat, 19 Sep 2015 14:44:38 GMT

Hi All,

Urgent ...Pls help me.

Bing map is not loading in my application .It is showing blank screen.

Rest all maps working fine.Pls Help.Bing map key I used is correct

java script used below

<%@ Page Language="VB" AutoEventWireup="false" CodeFile="Map.aspx.vb" Inherits="Default2" %>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html>

<!--The viewport meta tag is used to improve the presentation and behavior of the samples

on iOS devices-->

<title>Google Maps Layer in ArcGIS JS API</title>

html, body, #mapDiv{

padding: 0;

margin: 0;

height: 100%;

z-index: -1;

}

.auto-style3 {

height: 20px;

}

.auto-style6 {

height: 2%;

width: 279px;

}

.auto-style7 {

width: 279px;

}

#TxtAltareeqEng {

width: 55px;

}

#TxtAltareeqEng0 {

width: 55px;

}

</style>

var djConfig = {

parseOnLoad: true,

baseUrl: './',

modulePaths: {

// if use local copy, make sure the path reference is relative to 'baseUrl', e.g.:

//'agsjs': '../build/agsjs'

// use absolute path for online version. Note sometimes googlecode.com can be slow.

'agsjs': 'http://gmaps-utility-gis.googlecode.com/svn/tags/agsjs/1.05/build/agsjs'

}

};

</script>

</script>

</script>

window.onerror = function (msg, url, linenumber) {

alert('Error message: ' + msg + '\nURL: ' + url + '\nLine Number: ' + linenumber);

return true;

}

dojo.require("esri.map");

dojo.require("dijit.form.Button");

dojo.require("dijit.layout.BorderContainer");

dojo.require("dijit.layout.ContentPane");

//dojo.require("agsjs.layers.GoogleMapsLayer");

dojo.require("esri.layers.graphics");

dojo.require("esri.virtualearth.VETiledLayer");

var map;

var streetMap, esriTopo, gMap, BingLayer;

var graphicsLayer;

var Map1, Map2;

var lastposdate = "";

var DoorOpenClose = 'NO';

function init() {

var initExtent = new esri.geometry.Extent({

"xmin": -14628212,

"ymin": 714227,

"xmax": 7718305,

"ymax": 9832858,

"spatialReference": {

"wkid": 102100

}

});

//alert('init');

map = new esri.Map("mapDiv", {

extent: initExtent,

logo: true

});

Map1 = "http://sampleserver1.arcgisonline.com/ArcGIS/rest/services/Demographics/ESRI_Population_World/MapServer";

Map2 = "http://sampleserver1.arcgisonline.com/ArcGIS/rest/services/Petroleum/KGS_OilGasFields_Kansas/MapServer";

streetMap = new esri.layers.ArcGISDynamicMapServiceLayer(Map1, {

id: "streetMap"

});

map.addLayer(streetMap);

esriTopo = initLayer(Map2, "esriTopo");

BingLayer = new esri.virtualearth.VETiledLayer({

bingMapsKey: "A......",

id: 'BingLayer',

mapStyle: esri.virtualearth.VETiledLayer.MAP_STYLE_AERIAL

});

map.addLayer(BingLayer);

gMap = new gmaps.GoogleMapsLayer({

visible: false,

id: 'googlemaps'

});

map.addLayer(gMap);

graphicsLayer = new esri.layers.GraphicsLayer();

map.addLayer(graphicsLayer);

var resizeTimer;

dojo.connect(map, 'onLoad', function (theMap) {

dojo.connect(dijit.byId('map'), 'resize', function ()

{ //resize the map if the div is resized

clearTimeout(resizeTimer);

resizeTimer = setTimeout(function () {

map.resize();

map.reposition();

}, 500);

});

}

function initLayer(url, id) {

var layer = new esri.layers.ArcGISDynamicMapServiceLayer(url, {

id: id,

visible: false

});

map.addLayer(layer);

return layer;

}

function changeMap(layers) {

hideImageTiledLayers(layers);

for (var i = 0; i < layers.length; i++) {

layers.show();

alert(layers.id);

}

function hideImageTiledLayers(layers) {

for (var j = 0, jl = map.layerIds.length; j < jl; j++) {

var layer = map.getLayer(map.layerIds);

if (dojo.indexOf(layers, layer) == -1) {

layer.hide();

}

dojo.addOnLoad(init)

</script>

</head>

<table id="Tablecontrols0" style="font-size: 15px; z-index: 101;

background-color: #5B748B; width: 100%; height: 100%;">

<td style="border-style: none; background-color: #496277; "

valign="top" class="auto-style6" >

</td>

<td align="left" style="border-style: none; background-color: #496277; height: 2%;"

valign="top" class="auto-style3" >

</td>

</tr>

<td style="border-style: none;"

valign="top" bgcolor="#496277" >

</td>

<td style="border-style: none; background-color: white; height: 500px;"

valign="top" id="td11" >

<div id="mapDiv" runat ="server" dojotype="dijit.layout.ContentPane" region="center"

style="border:1px solid #000; visibility: visible; height: 100%; ">

<br />

</div>

Al Tareeq(EN)</button>

Al Tareeq(AR)

</button>

Google Street

</button>

Google Statellite

</button>

Google Hybrid

</button>

Google Terrain

</button>

Bing Aerial

</button>

Bing Aerial with labels

</button>

Roads

</button>

</div> </td>

</tr>

</table>

</div>

</form>

</body>

</html>

Re: Bing Map showing blank

TimWitt2 — Mon, 21 Sep 2015 13:07:59 GMT

Hey Julie,

did you try to use this approach before? ArcGIS API for JavaScript Sandbox

Tim

Re: Bing Map showing blank

JulieBiju — Mon, 21 Sep 2015 13:13:39 GMT

Tim,

src="http://serverapi.arcgisonline.com/jsapi/arcgis/?v=2.4">

If I will change this 2.4 to 3.14, Then many script errors will get. I tried once and I should use the ESRI map as base layer otherwise googlemap will not work.

Re: Bing Map showing blank

ChrisSmith7 — Mon, 21 Sep 2015 13:26:34 GMT

I would recommend upgrading to 3.14 and fixing all of your breaking changes when implementing ArcGIS API for JavaScript Sandbox

I say this because 2.x was retired June of 2014; it is no longer supported by Esri.

http://downloads.esri.com/support/product%20life%20cycle/online_gis/ArcGISWebMappingAPIs_PLC.pdf

Re: Bing Map showing blank

ChrisSmith7 — Mon, 21 Sep 2015 13:38:35 GMT

Yeap! Someone created an app:

http://www.arcgis.com/home/item.html?id=a8f78cc6adea48cb8e962d7e36b9d010

UPDATE:

It looks like the last version supported is early 3.x per the forum postings... I don't think it will work for you in 3.14. The original author hasn't provided any updates since 2012.

topic Re: Bing Map showing blank in ArcGIS JavaScript Maps SDK Questions

Bing Map showing blank

Re: Bing Map showing blank

Re: Bing Map showing blank

Re: Bing Map showing blank

Re: Bing Map showing blank

Re: Bing Map showing blank

Re: Bing Map showing blank

Re: Bing Map showing blank

Re: Bing Map showing blank

Re: Bing Map showing blank

Re: Bing Map showing blank

Re: Bing Map showing blank