大佬教程收集整理的这篇文章主要介绍了javascript – 更改传单标记图标，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
我正在尝试更改标记图标的更改,但没有正确.那么,当使用Leaflet Slider显示随时间的变化时,如何更改标记图标？我必须在原始的SliderControl.js中做些什么改变？
提前致谢！
以下是Dennis WilHelR_645_11845@的Leaflet Slider代码的链接：
https://github.com/dwilhelm89/LeafletSlider/blob/master/SliderControl.js
var LeafIcon = l.Icon.extend({ options: { iconSize: [38,95],shadowSize: [50,64],iconAnchor: [22,94],shadowAnchor: [4,62],popupAnchor: [-3,-76] } });
然后创建一个新的图标对象,如下所示：
var greenIcon = new LeafIcon({ iconUrl: 'http://leafletjs.com/examples/custom-icons/leaf-green.png',shadowUrl: 'http://leafletjs.com/examples/custom-icons/leaf-shadow.png' })
现在,您可以在地图上方标记的上方图标如下：
l.marker([51.5,-0.09],{icon: greenIcon}).addTo(map);
对于slidercontrol,您需要创建两个图像：
(1) Marker Icon [ Use name: marker-icon.png ] (2) Marker Icon Shadow [ Use name: marker-shadow.png ]
之后,您可以指定默认图像路径,如下所示：
l.Icon.Default.imagePath = "Url to the image folder"; // This specifies image path for marker icon. e.x l.Icon.Default.imagePath = "http://leafletjs.com/examples/custom-icons";
所以图标URL将是：
Icon URL : http://leafletjs.com/examples/custom-icons/marker-icon.png Shadow URL: http://leafletjs.com/examples/custom-icons/marker-shadow.png
以上是大佬教程为你收集整理的javascript – 更改传单标记图标全部内容，希望文章能够帮你解决javascript – 更改传单标记图标所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。