小编Beo*_*ulf的帖子

群集上的Google Maps InfoWindow

我有一张有很多标记的地图.所有这些标记都有InfoWindow.使用Markers Cluster Lib(http://google-maps-utility-library-v3.googlecode.com/svn/trunk/markerclusterer/src/markerclusterer.js),我可以获得在点击时放大的群集.
一些标记具有完全相同的坐标,因此即使达到最大变焦,它们也会变成一个簇.到目前为止,这一切都很好,除了我想在点击集群时打开InfoWindow,该集群在缩放时从不分割成标记.在这个InfoWindow中,我想根据它包含的标记显示信息.

到目前为止这是我的代码.InfoWindow在Markers上运行良好,但在单击Clusters时不显示InfoWindow.

function initialize(lat, lng) {
   var myLatlng = new google.maps.LatLng(lat,lng);
   var mapOptions = {
      mapTypeControl: false,
      center: myLatlng,
      zoom: 14,
      maxZonn:15
   };

    map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);

    google.maps.event.addListener(map, 'idle', function() {
        getMarkers(map.getBounds());  

    });

};

function getMarkers(bounds){
    var filter = build_filter();
    var bounds  = {
        'swlat':bounds.getSouthWest().lat(),
        'swlng':bounds.getSouthWest().lng(),
        'nelat':bounds.getNorthEast().lat(),
        'nelng':bounds.getNorthEast().lng()
    };

    data = {
        'bounds': bounds
    }


 $.ajax({
    type: "POST",
    dataType: 'json',
    async: false,
    url: "<?=$x_url;?>",
    data: data,
    cache: true,
    success: function (json) {
        addMarkers2Map(json);

    } …
Run Code Online (Sandbox Code Playgroud)

javascript api google-maps google-maps-api-3 google-maps-markers

8
推荐指数
2
解决办法
9110
查看次数

使用鼠标拖动在HTML画布内移动图像

我有一个图像,我需要在画布内调整大小,移动和旋转,而不是另一个我用作遮罩的图像来剪辑其他图像 globalCompositeOperation = "source-in";

这是一个小提琴.

我正在考虑添加按钮来移动图像,但为什么不是鼠标呢?但是,我找不到如何在此代码中集成拖动功能的方法.我需要更改或在这里做什么?

javascript jquery html5 html5-canvas

4
推荐指数
1
解决办法
1万
查看次数

用鼠标在画布上移动图像

我有这个画布,我使用2张图片,一张是主图片,第二张图片用作剪贴蒙版.

我需要能够移动主画面并且已经实现了代码,但是当我们点击图片进行拖动时,图像总是呈现初始位置,而且当我们拖动图像时它也不会随着图像一起移动鼠标,有一些增加的延迟.我试图扭转这种局面,但是我对数学提出正确的公式并不是那么好.

这是我用来捕捉鼠标移动的代码:

$(window).mousemove(function(event) {
    if( isDragging == true )
    {
        var cWidth = $("#stcanvas").width();    
        moveXAmount = (event.pageX / $(window).width())*cWidth;    
        moveXAmount = moveXAmount - (cWidth/2);
        var cHeight = $("#stcanvas").height(); 
        moveYAmount = (event.pageY / $(window).height())*cHeight;    
        moveYAmount = moveYAmount - (cHeight/2);
        buildcanvas();
    }
});
Run Code Online (Sandbox Code Playgroud)

知道如何解决这个问题?

这是一个小提琴:http://jsfiddle.net/rVx5G/10/

javascript jquery html5 html5-canvas

3
推荐指数
1
解决办法
5780
查看次数