在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ 谷歌地圖的自定義圖片標(biāo)記怎么縮放?做過谷歌地圖的大大們求救啊,使用了vue-go

谷歌地圖的自定義圖片標(biāo)記怎么縮放?做過谷歌地圖的大大們求救啊,使用了vue-google-maps

問題描述

谷歌地圖的自定義圖片標(biāo)記怎么縮放?里面使用了vue-google-maps,附上API地址:https://github.com/hashemiraf...
我英語不太好

問題出現(xiàn)的環(huán)境背景及自己嘗試過哪些方法

標(biāo)記已經(jīng)實(shí)現(xiàn),圖片渲染也沒問題(就是太大!),現(xiàn)在主要是樣式控制需要縮小成圓形icon,谷歌官方的文檔模擬地址,我把我們這圖片地址貼進(jìn)去也控制不了,圖片地址:https://app.kmilesaway.com/re...
官方模擬地址,或許需要翻墻:https://jsfiddle.net/api/post...

相關(guān)代碼

// 請把代碼文本粘貼到下方（請勿用圖片代替代碼）
<!-- 地圖 -->

<div class="map-container">
  <gmap-map class='map-content' :options="options"
    :center="center" :zoom="zoom">
    <!-- 標(biāo)記 -->
    <gmap-marker v-for="(item,index) in positions" :key='index' @click="marker(item)" 
      :icon="{url:item.img,Size:(20,20)}"
      :position="{lat:Number(item.lat),lng:Number(item.lon)}" ref='marker'>
    </gmap-marker> 
  </gmap-map>
</div>

//這是請求數(shù)據(jù)組成所需數(shù)組
.then(reponse => {
    this.position = reponse.data.data;
    this.$nextTick(() => {
      this.position.forEach(ele => {
        this.positions.push({
          lat: ele.lat,
          lon: ele.lon,
          img: "https://app.kmilesaway.com/res/" + ele.image, (后面是這種格式/S/1420/953d450952fc49d79e0fa1e74fc4be99)
        });
      });
    });
  });

你期待的結(jié)果是什么？實(shí)際看到的錯(cuò)誤信息又是什么？

需要能實(shí)現(xiàn)縮放成圓形icon,做過谷歌地圖的大大們求幫助

回答
編輯回答
我甘愿

你可以試試icon而不是img

參考官方:

function initMap() {
  var map = new google.maps.Map(document.getElementById('map'), {
    zoom: 4,
    center: {lat: -33, lng: 151}
  });

  var image = 'https://developers.google.com/maps/documentation/javascript/examples/full/images/beachflag.png';
  var beachMarker = new google.maps.Marker({
    position: {lat: -33.890, lng: 151.274},
    map: map,
    icon: image
  });
}
2017年2月11日 07:06