博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Google API v3 设置Icon问题处理
阅读量:5344 次
发布时间:2019-06-15

本文共 1796 字,大约阅读时间需要 5 分钟。

1、查看API实现

//虽然比较符合API实现的思想但这个没法;//会产生Uncaught TypeError: undefined is not a function //google API no example to using itvar icon = new google.maps.Icon({    anchor:new google.maps.Point(0,0),    origin:new google.maps.Point(0,0),    scaledSize: new google.maps.Size(10,10),    size: new google.maps.Size(10,10),    url:"http://maps.google.com/mapfiles/kml/paddle/purple-square.png"});

再次尝试,又能肿么的

// the same problem//Uncaught TypeError: undefined is not a function //no construction !!!!my dearfunction  getIconByUrl(imgurl,size..){  var icon=new google.maps.Icon();  icon.url=imgurl;  icon.......}

调用不成功,好悲催的一段经历!!!

2、查找解决方案

最终在: 找到答案(get solution)。

var image = {url: 'https://developers.google.com/maps/documentation/javascript/examples/images/beachflag.png',        size: new google.maps.Size(20, 32),        origin: new google.maps.Point(0,0),        anchor: new google.maps.Point(0, 32)};      var marker = new google.maps.Marker({          position: myLatLng,          map: map,          icon: image,      });

3、最终实现的可用的ICON获取方法

function getIcon(imageUrl,size){         var imgSize=size||32;         var offSize=imgSize/2;         var defaultSize=new google.maps.Size(imgSize, imgSize);         var myIcon={                  url: imageUrl,                  size: defaultSize,                  scaledSize:new google.maps.Size(imgSize,imgSize),                  origin: new google.maps.Point(0,0),                  anchor: new google.maps.Point(offSize,offSize)         };        return myIcon;   }

注意(notice):The scaledSize like a box's size ,we can use it to load  a image.When you set the image's size better set the size as same as the scaledSize which you want ! 即 scaledSize就像是一个装载图片的箱子,箱子有多大图片就显示多大,在设置图片的大小的时候最好设置为图片的大小,这样显示的图片就是你想要的了。

 

转载于:https://www.cnblogs.com/boonya/p/3293289.html

你可能感兴趣的文章
CSS3中box-sizing的理解
查看>>
传统企业-全渠道营销解决方案-1
查看>>
Lucene全文检索
查看>>
awk工具-解析1
查看>>
推荐一款可以直接下载浏览器sources资源的Chrome插件
查看>>
CRM product UI里assignment block的显示隐藏逻辑
查看>>
展望未来,总结过去10年的程序员生涯,给程序员小弟弟小妹妹们的一些总结性忠告...
查看>>
AMH V4.5 – 基于AMH4.2的第三方开发版
查看>>
Web.Config文件配置之配置Session变量的生命周期
查看>>
mysql导入source注意点
查看>>
linux下编译安装nginx
查看>>
ArcScene 高程不同的表面无法叠加
查看>>
[ONTAK2010] Peaks
查看>>
DLL 导出函数
查看>>
windows超过最大连接数解决命令
查看>>
12个大调都是什么
查看>>
angular、jquery、vue 的区别与联系
查看>>
参数范围的选择
查看>>
使用 MarkDown & DocFX 升级 Rafy 帮助文档
查看>>
THUPC2019/CTS2019/APIO2019游记
查看>>