Google maps 使用base64字符串的google地图自定义标记

Google maps 使用base64字符串的google地图自定义标记,google-maps,google-maps-api-3,Google Maps,Google Maps Api 3,我已经尝试了很多方法在Chrome中加载我的base64字符串图像作为谷歌地图自定义标记。 这: 按照建议,使我的图像覆盖800x400px贴图的上半部分 因此,我想我必须重新调整图像的大小,并执行以下操作,但没有图像显示 var my_marker = new Image(30, 30); $(my_marker).attr('style', 'z-index: 1000') my_marker.onload = function () { var marker = new googl

我已经尝试了很多方法在Chrome中加载我的base64字符串图像作为谷歌地图自定义标记。 这:

按照建议,使我的图像覆盖800x400px贴图的上半部分

因此,我想我必须重新调整图像的大小,并执行以下操作,但没有图像显示

var my_marker = new Image(30, 30);
$(my_marker).attr('style', 'z-index: 1000')
my_marker.onload = function () {
    var marker = new google.maps.Marker({
                    position: pos,
                    map: map,
                    title: pps[0].place_name,
                    icon: my_marker
                });
                map.setCenter(pos);
};
my_marker.src = pps[0].place_photo; 
尽管当我停止开发工具中的代码时,my_marker对象看起来很棒,包括z索引


我该如何调整base64图像的大小并使其显示为google地图标记,你有什么想法吗?这就是问题所在:从最初生成base64时的大小重新调整图像大小-在我的情况下非常大。谢谢

如果图标太大,您需要缩放图标

    var marker = new google.maps.Marker({
        position: map.getCenter(),
        icon: {
            size: new google.maps.Size(220,220),
            scaledSize: new google.maps.Size(32,32),
            origin: new google.maps.Point(0,0),
            url: "data:image/png;base64,iVBORw0KGgoAAAANSUh...",
            anchor: new google.maps.Point(16,16)},
        map: map
      });

代码片段:

var infowindow=new google.maps.infowindow();
函数初始化(){
var map_canvas=document.getElementById('map_canvas');
变量映射_选项={
中心:新google.maps.LatLng(44.5403,-78.5463),
缩放:8,
mapTypeId:google.maps.mapTypeId.ROADMAP
}
var map=new google.maps.map(地图画布,地图选项)
var marker=new google.maps.marker({
位置:map.getCenter(),
图标:{
尺寸:新谷歌地图尺寸(220220),
scaledSize:新的google.maps.Size(32,32),
来源:新google.maps.Point(0,0),
网址:"数据:图片/png;base64,IVBorW0KgoaaAnsuhueugaanwaaadccayaaabws+BaaabgdbaeagGPC/XHBQaafZukdcak7OhokaaGy0HsTqaaaeiyacEAcAD6AaagagogahuwaadqaaaOpgabWnlpaaAzis0deaP8A/wD/Ol2KwaaalWSflzaaasaaSaaSaaAgarsLRPGaanddjRefuenTv0ZFd93/VZE59ZarHjTv7DBQUKUKQ0YWJ0YWZKZKZKZKZK7YWWZKZKZKZK7YWWZKZKZKZK7YWWW9KZKZKZKKZKZKZKZKZKZKZKZKZKZ+7.文中给出了一个新的概念,即7.文中给出了一个新的概念。7.文中给出了一个新的概念。7.文中给出了一个新的概念。7.文中给出了一个新的概念。文中给出了一个新的概念。7.文中给出了一个新的数据。7.文中给出了一个新的数据。7.文中给出了一个新的数据。文中给出了一个新的数据。文中给出了一个新的数据。文中给出了一个新的数据。文中给出了一个新的数据。文文中给出了一个新的数据。文中给出了一个新的数据。文中给出了一个新的数据。文文中给出了一个新的数据。文文中给出了一个新的数据。文文中给出了一个数据。文文中给出了一个新的数据。文文中给出了一个非非非非非非非非非非非非非非izfPSTX8DiCefx4oQc+HKZE8TXTLASQBLF8ZKZF(2)在一个新的世界中,我们可以用一个新的概念来描述一个新的概念,一个新的概念,一个新的概念,一个新的概念,一个新的概念,一个新的概念,一个新的概念,一个新的概念,一个新的概念,一个新的概念,一个新的概念,一个新的概念,一个新的概念,一个新的概念,一个新的概念,一个新的概念,一个新的概念,一个新的概念,一个新的概念,一个新的概念,一个新的概念,一个新的概念,一个新的概念,新的概念,新的概念,新的概念,新的概念,新的概念,新概念,新概念,新概念,新概念,新概念,新概念,新概念,新概念,新概念,新概念,新概念,新概念,新概念,新概念,新概念,新概念,新概念,新概念,新概念,新概念,新的C87DE26OSFI2JO3XKQ+8i13btxAEk8/8/8/8/8/8/8/8/8/8/8/8/8/8/8/8/8/8/8/8/8/8/8/8/8/8/8/8/8/8/8/8/8/8/8/8/8/8/8/8/8/8/8/8/8/8/8/8/8/8/8/8/8/8/8/8/8/8/8/8/8/8/6 ZZZZZZZvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvFYBYDCEGUM/6I84TYGIDIULG05SJKZ69/GT一种新的研究成果,一种新的研究成果,一种新的研究成果,一种新的研究成果,一种新的研究成果,一种新的研究成果,一种新的研究成果,一种新的研究成果,一种新的研究成果,一种新的研究成果,一种新的研究成果,一种新的研究成果,一种新的研究成果,一种新的研究成果,一种新的研究成果,一种新的一种新的研究成果,一种新的研究成果,一种新的研究成果,一种新的一种新的一种新的研究成果,一种新的一种新的研究成果,一种新的一种新的一种新的一种新的一种新的研究成果,新的一种新的研究,一种新的一种新的研究成果,新的研究成果,一种新的一种新的一种新的一种新的研究,新的一种新的研究成果,新的一种新的一种新的研究Y30P/YATJ075QMQECB5NIUGIE1HQD2GZEM8月8日,北京某社区的一个社区的一个社区的一个社区的一个社区的一个社区的一个社区的一个社区的一个社区的一个社区的一个社区的一个社区的一个社区的一个社区的一个社区的一个社区的一个社区的一个社区的一个社区的一个社区的一个社区一个社区的一个社区一个社区一个社区一个社区一个社区一个社区一个社区一个社区一个社区一个社区一个社区一个社区,一个社区一个社区一个社区一个社区一个社区一个社区一个社区一个社区一个社区一个社区一个社区一个社区一个社区,一个社区一个社区一个社区一个社区一个社区一个社区一个社区一个社区一个社区一个社区,一个社区一个社区一个社区一个社区一个社区一个社区一个社区一个社区一个社区一个社区一个社区一个社区一个社区的8 JDZHPDYGCIEHSTFLIWHHP2Y17AOB研究结果表明,中国的一个中国的一个中国的一个中国的一个中国的一个中国的一个中国的一个中国的六个中国的一个中国的一个中国的一个中国的一个中国的一个中国的一个中国的一个中国的一个中国的一个中国的一个中国的一个中国的一个中国的一个中国的一个中国的一个中国的一个中国的一个中国的一个中国的一个中国的一个中国的一个中国的一个中国的一个中国的一个中国的一个中国的一个中国的中国的一个中国的一个中国的一个中国的一个中国的一个中国的一个中国的一个中国的一个中国的一个中国的一个中国的一个中国的一个中国的一个中国的一个中国的六个中国的8 8个中国的8个中国的8个中国的8个中国的8个中国的8个中国的8个中国的8个中国的中国的中国的1cu2emqoedrkzo+pUj93cWe4.ZQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQL5-B4+ZB4+ZBffXQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQG5 5 5 5+GGGGGGGGGGGGG8+8+8+GGGGGGG8+8/9/9BB8+9/9/9/9SBBB8+6+6+B8/6+6+5/5/5/5/B8 8 8 8/B8/6/6/6 6/6 6 6 6 6/6/B8/6 6/6/6/6 6 6 6/6 6 6 6 6 6 6 6/6 6 6/B8/6/6/6/6 6 6 6/6 6/6 6 6 6 6 7mm3TSXQL9SRPLN6S815GJJYGXKOGCMD4.中国政府对中国政府提出了一个新的概念。4.中国政府提出了一个新的概念。2.中国政府的一个新的研究成果。2.中国政府的一个新的研究成果。2.对中国政府的一个新的研究。2.中国政府提出了一个新的概念。2.中国政府的一个研究。2.中国政府的一个研究成果。2.中国政府的一个新的研究成果。2 2 2 2.中国政府的一个新的一个新的研究成果。2 2+2+2+中国政府的研究4+4+4+4+8 8 8 8 8+中国政府的研究4+8+中国政府的研究4+4+中国政府的4+2+中国政府的4+8 8 8 8 8 8 8+对中国政府的2+中国政府的4+2+中国政府的4+2+2+中国政府的4+2+2+中国政府的4+2+2+8 8 8 8 8 8 8+8 8 8 8 8 8+QJ1OQ5YILOOUK2CB9FY3HZA8VJWAMGKKTC8F10月1日,我在一家报纸上写了一个关于BBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBW0KGH35Z1HDR2.2年后,他们在一个月前就开始了他们的研究。他们在一个月前就开始了他们的研究。他们在一个月前就开始了他们的研究。他们在一个月前就开始了他们的研究。他们在一个月前就开始了他们的研究。他们对他们的研究。他们在一个月前,他们对他们的研究。他们在一个月前,他们的研究。他们对他们对他们的研究。他们的研究。他们对他们的研究。他们对他们的研究。他们对他们的研究。他们对他们的研究。他们对他们的研究。他们对他们的研究。他们对他们的研究。他们对他们的研究。他们的研究。他们对他们对他们的研究。他们的研究。他们的研究。他们对他们对他们的研究。他们对他们的研究。他们的研究。他们的研究。他们对他们对他们的研究。他们对他们的研究。他们的研究。他们的研究。他们的。他们对他们的研究。他们的。他们对他们的W7Saqzupifqdxkiuf1在中国,一个中国的城市,一个中国的城市,一个中国的城市,一个中国的城市,一个中国的城市,一个ZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZNNBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBB9VA+Vju3nmOjUbTsZIVZ5rr6.这个词的意思是一个单词,这个词的意思是一个单词,这个单词的意思是一个单词,这个单词的意思是一个单词,这个单词的意思是一个单词,这个单词的意思是一个单词,这个单词的意思是一个单词,这个单词的意思是一个单词,这个单词的意思是一个单词,这个单词的意思是一个单词,这个单词的意思是一个单词,这个单词的意思是一个单词,这个单词的意思是一个单词是一个单词,一个单词,一个单词,这个单词,这个单词是一个单词,这个单词是一个单词,一个单词,这个单词是一个单词是一个单词,一个单词,这个单词是一个单词,一个单词,这个单词是一个单词,这个单词是一个单词,这个单词是一个单词,一个单词,这个单词是一个单词,一个单词是一个单词,一个单词,这个单词,这个单词是一个单词,这个单词是一个单词的2个UEIUGBMWKTJQIUOFVzScVWCJBhh2PIoy/HVTXDADEKE56ORT+OTZ9FYXPOONLQHBVNA5DNLPCSWM6NMHAHCAMA3RRVNIQAEY6G6WCXCQUO7R4E/vIWiGh3oClBfc
    var marker = new google.maps.Marker({
        position: map.getCenter(),
        icon: {
            size: new google.maps.Size(220,220),
            scaledSize: new google.maps.Size(32,32),
            origin: new google.maps.Point(0,0),
            url: "data:image/png;base64,iVBORw0KGgoAAAANSUh...",
            anchor: new google.maps.Point(16,16)},
        map: map
      });