动态谷歌地图图标

时间:2020-05-27 16:10:38

标签: javascript jquery

我有2个表,一个带有标记,另一个带有标记图标。图标以blob的形式存储在数据库中,其中标记和图标由ID映射。我遇到的问题是按ID和标记类型将图标映射到正确的位置。

例如:

我正在尝试实现以下https://developers.google.com/maps/documentation/javascript/custom-markers

我到目前为止所做的是以下

转换覆盖结果(我通过ajax获得并推送到overlayRes对象)

var binary = new Array();
for (i = 0; i < overlayRes.length; i++) {  
 var iconData = overlayRes[i].OverlayData.replace(/[^A-Fa-f0-9]/g, "");
  for(var i=0; i< iconData.length / 2; i++){
    var h = iconData.substr(i * 2, 2);
    binary[i] = parseInt(h, 16);
 }
}

byteArray = new Uint8Array(binary);
img = window.URL.createObjectURL(new Blob([byteArray], { type: 'application/octet-stream' }));

 var icons = {
      K: {
        icon: img
      },
      L: {
        icon: img
      },
    };
//markers
for (var i = 0; i < features.length; i++) {
          var marker = new google.maps.Marker({
            position: features[i].position,
            icon: icons[features[i].type].icon, // need to get different markers per marker type 
            map: map
          });

TIA

0 个答案:

没有答案
相关问题