Skocz do zawartości


Zdjęcie

Problem z ucinaniem markera Google


  • Zaloguj się, aby dodać odpowiedź
Brak odpowiedzi do tego tematu

#1 Alterego

Alterego

    Bywalec

  • Użytkownik
  • 189 postów

Napisano 2014.01.16, 17:35

Hej,
 
Mamy problem z markerem z google api. Używamy go do rysowania na mapie. Na desktopie jest wszystko ok, niestety w wersji responsive na telefony marker jest obcięty z prawej strony. Na Windows Phone (czyli IE) jest OK, a tak to wygląda na najnowszym Chrome androidowym:
_responsive.png
 
Oto kod:
// kod inicjalizacji google mapy podany dla formalności
 
var olsztyn = new google.maps.LatLng({{ map.getCenter.getLatitude }},{{ map.getCenter.getLongitude }});
 
var directionsDisplay = new google.maps.DirectionsRenderer();
 
var mapOptions = {
    zoom: {{ map.getMapOption('zoom') }},
    center: olsztyn,
    mapTypeId: google.maps.MapTypeId.ROADMAP,
    mapTypeControl: true,
    mapTypeControlOptions: {
        style: google.maps.MapTypeControlStyle.HORIZONTAL_BAR,
        position: google.maps.ControlPosition.TOP_RIGHT
    },
    panControl: true,
    panControlOptions: {
        position: google.maps.ControlPosition.TOP_RIGHT
    },
    zoomControl: true,
    zoomControlOptions: {
        style: google.maps.ZoomControlStyle.LARGE,
        position: google.maps.ControlPosition.TOP_RIGHT
    },
    scaleControl: true,
    scaleControlOptions: {
        position: google.maps.ControlPosition.TOP_RIGHT
    },
    streetViewControl: true,
    streetViewControlOptions: {
        position: google.maps.ControlPosition.TOP_RIGHT
    }
};
 
 
var map = new google.maps.Map(document.getElementById('{{ map.getHtmlContainerId }}'), mapOptions);
directionsDisplay.setMap(map);
 
 
// sekwencja ładowania punktów do mapy, prawdopodobnie problem jest gdzieś tu
iteracja po zbiorze vvvv
    var image = {
      url: places[i].ico,
      scaledSize: new google.maps.Size(55, 55)
    };
 
    var shape = {
      coord: [1, 1, 1, 160, 158, 160, 158 , 1],
      type: 'poly'
    };
 
 
    var marker = new google.maps.Marker({
      position:new google.maps.LatLng(places[i].lat, places[i].lng),
      map: map,
      draggable: {% if map.isEditable %}true{% else %}false{% endif %},
      icon: image,
      shape: shape
    });
 
    newMarkers.push(marker);
 
iteracja ^^^^
 
Czy da się to jakoś poprawić? Jakieś pomysły?

Już rozwiązane, jakiś margin bruździł.


http://legalne.info - darmowe licencje na komercyjne programy!




Użytkownicy przeglądający ten temat: 0

0 użytkowników, 0 gości, 0 anonimowych