因此,我正在使用进行实验,并使用类似于的东西在OpenLayers 3上呈现它。
windy.js在画布上呈现一个风动地图.画布大小似乎不会改变呈现性能。
首先,我将windy.js呈现到画布上,并每0.5秒更新一次:
g_windy = new Windy({
canvas: $("#canvas")[0],
data: //Some data
});
//map is an OL3 Map object
function redraw() {
windy.stop();
setTimeout(function() {
var mapSize
多年来,我一直在努力弄清楚如何使用谷歌地图。我欣喜若狂,终于能够用正确的地址生成一张地图。
这是我的javascript。
我现在正在为如何设置缩放级别而挣扎。我在下面展示的每一个地方都试过了,但都没有用。在每一种情况下(不管我设置的缩放级别是多少),我都会得到具体建筑物的贴图。
有人能看到我做错了什么,或者我需要做什么才能让我的地图识别我的缩放级别请求吗?控制台中没有显示任何js错误。
function initMap() {
var map = new google.maps.Map(document.getElementById('map'), {
zoom:
我有地图。我希望用户能够缩放和平移地图。想象一下Google,但地图不是无限可用的,而是一个正方形(如果你越过地图的边缘,它就不会再被包围)。
我已经使用scale()和translate()实现了缩放和pan。这些效果很好。
我被困在最后的部分--当用户放大时,我想围绕这个点进行缩放。很难用语言来解释,所以想象一下谷歌地图中的鼠标轮会发生什么--这就是我想要的。
我看了每一个答案,其中任何一个在标题中。大多数是上的变体,基本上说这是我需要做的:
ctx.translate(/* to the point where the mouse is */);
ctx.scale(/* to zoom