Google Maps v3: большой размер для маркеров

#google-maps

#google-карты

Вопрос:

Мне нужно отобразить маркеры на моей карте, и это работает хорошо. Единственная проблема в том, что они кажутся слишком маленькими. Как я могу убедиться, что используемые маркеры имеют большой размер и могут быть видны практически при любом масштабировании?

Ответ №1:

Для увеличения значков я бы определенно рекомендовал увеличить ваши изображения значков. Например, чтобы исправить пикселизацию значков на мобильном устройстве с высоким разрешением, используя уменьшенные значки в высоком разрешении, используйте следующий код:

var marker = новый google.maps.Маркер ({ 
 местоположение: новый google.maps.LatLng(position.coords.широта, position.coords.долгота), 
 карта: карта, 
 значок: {
 url: "img /изображение.png", 
 scaledSize: новый google.maps.Size(32, 32) // пиксели
 }
});

Протестировано с помощью Google Maps API JavaScript версии v3.13

Ответ №2:

Если вы используете версию 3 api-

Когда вы создаете маркер, в параметрах маркера вы можете указать значок, подобный этому:

 icon: new google.maps.MarkerImage(
         url:string, size?:Size, 
         origin?:Point, anchor?:Point, scaledSize?:Size
      )
  

Установите размер в соответствии с фактическим размером вашего изображения значка.
Установите scaledSize на любой размер, до которого вы хотите растянуть изображение.

Конечно, лучше сделать изображение значка нужного размера, а не масштабировать его.