`

如何把你的相片上传到google map(谷歌地图)上

阅读更多

      网上看到有些网友问如何把相片上传到google地图上,觉得挺有意思,于是尝试了一下,原来很简单,只要通过google map api提供的标注类就可以实现,标注类有默认的图片,就是平常大家在google map上搜索地址时出现的红点,只要把它换成你想要的图片就行了,不过有一点要注意的就是:图片类型最好是png格式的。代码片段如下,如需要更详细的代码,请访问页面

              var letteredIcon = new GIcon(baseIcon);
              letteredIcon.image = "/uploadImage/"+imgSrc;//这里换成你想替换的图片
              letteredIcon.iconSize = new GSize(52,60);//图片大小

              // 设置 GMarkerOptions 对象
              markerOptions = { icon:letteredIcon };
              var marker = new GMarker(point, markerOptions);

             GEvent.addListener(marker, "click", function() {//点击图片事件
              window.open(url);
             });
              map.addOverlay(marker);

效果如下:

 

如何把你的相片上传到google map(谷歌地图)上

0
0
分享到:
评论

相关推荐

    Google Android SDK开发范例大全(PDF高清完整版1)(4-1)

    9.6 移动版GoogleMap——Geocoder反查Address对象 9.7 规划导航路径——DirectionsRoute 9.8 移动设备上的Picasa相册——GooglePicasaAPI 9.9 随身翻译机——GoogleTranslateAPI 第10章 创意Android程序设计 10.1 ...

    Google Android SDK开发范例大全(PDF高清完整版3)(4-3)

    9.6 移动版GoogleMap——Geocoder反查Address对象 9.7 规划导航路径——DirectionsRoute 9.8 移动设备上的Picasa相册——GooglePicasaAPI 9.9 随身翻译机——GoogleTranslateAPI 第10章 创意Android程序设计 10.1 ...

    Google Android SDK开发范例大全(PDF完整版4)(4-4)

    9.6 移动版GoogleMap——Geocoder反查Address对象 9.7 规划导航路径——DirectionsRoute 9.8 移动设备上的Picasa相册——GooglePicasaAPI 9.9 随身翻译机——GoogleTranslateAPI 第10章 创意Android程序设计 10.1 ...

    Google Android SDK开发范例大全的目录

    9.6 移动版GoogleMap——Geocoder反查Address对象 9.7 规划导航路径——DirectionsRoute 9.8 移动设备上的Picasa相册——GooglePicasaAPI 9.9 随身翻译机——GoogleTranslateAPI 第10章 创意Android程序设计 10.1 ...

    Google Android SDK开发范例大全(完整版附部分源码).pdf

    9.6 移动版GoogleMap——Geocoder反查Address对象 9.7 规划导航路径——DirectionsRoute 9.8 移动设备上的Picasa相册——GooglePicasaAPI 9.9 随身翻译机——GoogleTranslateAPI 第10章 创意Android程序设计 ...

    Google Android SDK 开发范例大全01

    9.6 移动版GoogleMap——Geocoder反查Address对象 9.7 规划导航路径——DirectionsRoute 9.8 移动设备上的Picasa相册——GooglePicasaAPI 9.9 随身翻译机——GoogleTranslateAPI 第10章 创意Android程序设计 10.1 ...

    Google Android SDK 开发范例大全02

    9.6 移动版GoogleMap——Geocoder反查Address对象 9.7 规划导航路径——DirectionsRoute 9.8 移动设备上的Picasa相册——GooglePicasaAPI 9.9 随身翻译机——GoogleTranslateAPI 第10章 创意Android程序设计 10.1 ...

    google android sdk开发范例大全 第二版 PDF 光盘代码

    google android sdk开发范例大全 第二版 PDF 和 随书光盘代码 ISBN:9787115229649 目录 第1章 了解、深入、动手做   1.1 红透半边天的Android  ... A.3 上传*.apk程序到Android Market上 

    Google+Android+SDK开发范例大全

    9.5 GPSGoogle地图——LocationListener与MapView实时更新 9.6 移动版GoogleMap——Geocoder反查Address对象 9.7 规划导航路径——DirectionsRoute 9.8 移动设备上的Picasa相册——GooglePicasaAPI 9.9 随身翻译机...

    Google Android SDK开发范例大全(完整版)

    9.6 移动版GoogleMap——Geocoder反查Address对象 9.7 规划导航路径——DirectionsRoute 9.8 移动设备上的Picasa相册——GooglePicasaAPI 9.9 随身翻译机——GoogleTranslateAPI 第10章 创意Android程序设计 10.1 ...

    Google Android sdk 开发范例大全 部分章节代码

    9.6 移动版GoogleMap——Geocoder反查Address对象 9.7 规划导航路径——DirectionsRoute 9.8 移动设备上的Picasa相册——GooglePicasaAPI 9.9 随身翻译机——GoogleTranslateAPI 第10章 创意Android程序设计 10.1 ...

    基于Mashup的推荐书目服务的实现

    1. **地图Mashup**:通过结合地图服务(如Google Maps)和图书馆位置信息,为用户提供直观的图书馆地理位置展示。例如,Library411.com、Library Map Mashup 和 The LibMapUK等项目就是典型的地图Mashup应用实例。 ...

Global site tag (gtag.js) - Google Analytics