必应地图显示地图的左上角的北美
Bing Maps display North America top-left corner of map
我试图在地图上的左上角显示北美/加拿大。
现在使用地图选项的中心将无济于事,因为它会根据屏幕尺寸而变化。
我通过使用这样的东西进一步弄脏了垃圾:
var viewRect = Microsoft.Maps.LocationRect.fromCorners(new Microsoft.Maps.Location(-37.71859032558814, -95.2734375), // african ocean
new Microsoft.Maps.Location(63.704722429433225, 101.25)
);
map.setView({ bounds: viewRect });
现在这比专注于中心要好,因为它在大屏幕的左上角显示北美,但屏幕尺寸仍然是一个问题。
有没有人知道任何其他方法允许在屏幕的左上角显示北美,而不管屏幕尺寸如何?
任何帮助/建议将不胜感激。
这是我所做的,专注于某个中心,根据不同的标准屏幕尺寸在加载过程中修改地图视图。
function GetBestViewBasedOnScreenSize() {
var viewportWidth = document.documentElement.clientWidth, viewportHeight = document.documentElement.clientHeight;
console.log("changed the height is " + viewportHeight + " the widht is " + viewportWidth);
console.log('view 1');
if (viewportWidth > 300 && viewportWidth <= 600) {
}
else if (viewportWidth > 300 && viewportWidth <= 1000) {
console.log('900 - 1200');
var center = new Microsoft.Maps.Location(26.628887011185398, 27.903637500000013);
map.setView({ center: center, zoom: 2 });
console.log('center is ' + '26.628887011185398 27.903637500000013');
}
else if (viewportWidth > 1000 && viewportWidth <= 1200) { // most common
var center = new Microsoft.Maps.Location(13.4549, 47.9427);
map.setView({ center: center, zoom: 2 });
console.log('center is ' + '13.4549c47.9427');
}
else if (viewportWidth > 1200 && viewportWidth <= 1300) { // for 1280
var center = new Microsoft.Maps.Location(29.87829481517158, -24.661942570032593);
map.setView({ center: center, zoom: 3 });
console.log('center is ' + '29.87829481517158 - 24.661942570032593');
}
else if (viewportWidth > 1300 && viewportWidth <= 1400) { // for 1360
var center = new Microsoft.Maps.Location(33.322323930108524, -12.533881250000025);
map.setView({ center: center, zoom: 3 });
console.log('center is ' + '33.322323930108524 - 12.533881250000025');
}
else if (viewportWidth > 1400 && viewportWidth <= 1500) { // for 1440
var center = new Microsoft.Maps.Location(18.522390173568184, -3.920600000000025);
map.setView({ center: center, zoom: 3 });
console.log('center is ' + '18.522390173568184 - 3.920600000000025');
}
else if (viewportWidth > 1500 && viewportWidth <= 1600) { // for 1600
var center = new Microsoft.Maps.Location(15.666478131159806, 9.790337499999975);
map.setView({ center: center, zoom: 3 });
console.log('center is ' + '15.666478131159806 9.790337499999975');
}
else if (viewportWidth > 1600 && viewportWidth <= 1920) { // for 1920
var center = new Microsoft.Maps.Location(10.704938710599649, 37.73955624999998);
map.setView({ center: center, zoom: 3 });
console.log('center is ' + '10.704938710599649 37.73955624999998');
}
else if (viewportWidth > 1920 && viewportWidth <= 2400) {
var center = new Microsoft.Maps.Location(4.78563220981988, 47.58330624999998);
map.setView({ center: center, zoom: 3 });
console.log('center is ' + '4.78563220981988 47.58330624999998 ');
} else {
// load world
}
}
相关文章:
- 谷歌地图固定位置覆盖
- 不显示带有本地json文件数据的谷歌地图脚本
- 谷歌地图不是以HTML显示,而是在JS Fiddle上工作
- 谷歌地图标记不会显示
- 无法在JS中显示谷歌地图
- 科尔多瓦页面类应用程序中的多个谷歌地图
- 需要帮助谷歌地图方向面板在FancyBox中显示
- 是否可以控制获取哪些Google地图脚本(JavaScript API)
- 在谷歌地图上获取事件的x,y坐标
- 谷歌地图API v3不适用于移动浏览器或PhoneGap
- 模拟谷歌地图中的点击
- 如何知道哪个标记被谷歌地图点击了
- 谷歌地图JS API+JSON-多个标记没有显示
- 缓存谷歌地图数据
- 谷歌地图劫持了iphone's滚动(触摸事件)-如何恢复
- 必应地图显示地图的左上角的北美
- 谷歌地图卡在左上角-桌面解决方案没有'不适用于移动设计
- 如何在地图上显示左上角,右下角的纬度和经度
- 谷歌地图setCenter使用标记不能正常工作,因为它显示市场在左上角而不是中间
- 左上角的谷歌地图