Как сделать автоматическое позиционирование Infobox для Google map api?

Question

[skoval]

Привет, ребята подскажиТе пожалуйста, может кто то сталкивался с такой задачей.
Как для Google map api, сделать так, чтобы Инфоокно, при клике или при ховере на маркер, позиционировалось автоматически, вверху, снизу, слева или справа. Пример как на сайте Трулия.
https://www.trulia.com/NJ/Avenel/ при наведении на маркер, авто Offsets

Comments

[freeExec]

Что вам мешает сделать в точности как в примере?

[skoval]

freeExec, Пример подобной реализации, для того, чтобы я мог сделать схожее. Не очень большой опыт в прототипах. Может кто то с таким сталкивался, неделю брожу по интернету, не могу найти. Информация есть, но очень сырая. Вот пару примеров . Один в ручную задавать, и то только для 4 точек, второй более автоматический, но второй не совсем мне понятен пример, особенно запятые после окончания каждой функции.

getInfowindowOffset = function (map, marker) {
        var center = this.getPixelFromLatLng(map.getCenter()),
            point = this.getPixelFromLatLng(marker.getPosition()),
            quadrant = "",
            offset;
        quadrant += (point.y > center.y) ? "b" : "t";
        quadrant += (point.x < center.x) ? "l" : "r";
        if (quadrant == "tr") {
            offset = new google.maps.Size(-160, 250);
        } else if (quadrant === "tl") {
            offset = new google.maps.Size(160, 260);
        } else if (quadrant === "br") {
            offset = new google.maps.Size(-140, -30);
        } else if (quadrant === "bl") {
            offset = new google.maps.Size(160, 30);
        }
        return offset;
    };

    getPixelFromLatLng = function (latLng) {
        var projection = this.map.getProjection();
        var point = projection.fromLatLngToPoint(latLng);
        return point;
    };

Второй вариант

ourOverlay:null, createOverlay:function(){ this.ourOverlay = new google.maps.OverlayView(); this.ourOverlay.draw = function() {}; this.ourOverlay.setMap(this.map); }, 
getInfowindowOffset: function (map, marker) { // Settings var iwWidth = 240; // InfoWindow width var iwHeight = 190; // InfoWindow Height var xOffset = 0; var yOffset = 0; // Our point of interest var location = this.ourOverlay.getProjection().fromLatLngToContainerPixel(marker.getPosition()); // Get Edges of map in pixels: Sout West corner and North East corner var swp = this.ourOverlay.getProjection().fromLatLngToContainerPixel(map.getBounds().getSouthWest()); var nep = this.ourOverlay.getProjection().fromLatLngToContainerPixel(map.getBounds().getNorthEast()); // Horizontal Adjustment if(location.x<iwWidth/2){ xOffset= iwWidth/2-location.x; }else if(location.x>nep.x-iwWidth/2){ xOffset = (nep.x-iwWidth/2)-location.x ; } // Vertical Adjustment if(location.y<iwHeight){ yOffset = location.y + iwHeight-(location.y-nep.y); } // Return it return new google.maps.Size(xOffset, yOffset); },

[skoval]

freeExec, Я так понимаю, здесь больше отвечают с вопроса на вопрос. Впервые в жизни решил написать на подобном ресурсе, в ответ получаю вопрос, что мне мешает это сделать. А, что мешает вам не скупиться на знания, которыми не поделившись, заберете на тот свет. И уже будет все равно, сколько вы времени тратили на изучение и на сколько сложно вам они давались. Такие ресурсы я полагаю созданы, чтобы люди помогали друг другу и помогали тем кто задает адекватные вопросы, которые связаны с реальными задачами, и о них мало информации. А не для вопросов, как здесь есть:
Типа как создать гугл карту или как сделать клик по ссылке с помощью Джиквери.

[freeExec]

skoval, Да имел ввиду буквально посмотреть как сделали они.
Вот даже ваши примеры, их нужно просто чуток доработать. Схема там не четыре угла, а немного другая.

[skoval]

freeExec, а более детально? картинку не совсем понял)

[freeExec]

skoval, в зелёной области точка привязки слева, в синий - снизу и т.д.

[skoval]

freeExec, был бы признателен, за не большой кусочек примерного кода) с меня +100 в карму)

[skoval]

Вы конечно извините меня, но накуй вообще нужны подобные ресурсы? за дизайн рисунок спасибо. И так сам понимал, что нужно так сделать, но я попросил примерный кусок кода, для уничтожение каши в голове.