谷歌地图API 学习(一)

google.maps.Marker

1.创建方法

 var marker = new google.maps.Marker({
  position:pointGGPos,//谷歌地图经纬度
  map:map,//当前地图对象
    draggable: true,//是否可拖拽
  icon:imageRed,//icon 对象
  title:"imageRed"//标题
  });

2.参数分析

  1. position:pointGGPos/谷歌经纬度
//pointGGPos:new google.maps.LatLng(纬度,经度);
var pointGGPos = new google.maps.LatLng(30.005,104.255);
  1. map:map,//当前地图对象
//pointGGPos:new google.maps.LatLng(纬度,经度);
var map = new google.maps.Map(document.getElementById("map_canvas"),myOptions);
  1. icon:imageBlue,//icon 对象
    google.maps.Icon是接口,没有构造参数,不能直接生成,但是可以直接构造一个对象,该对象的属性有接口属性构成(可不完全包括)
var imageRed = {
    url:"../redMark.png",
    scaledSize: new google.maps.Size(20,28),
    size: new google.maps.Size(20,28)
    };
//可将imageRed当做icon对象

3.方法

  1. 设置图片:底部中心为当前经纬度
marker.setIcon(imageRed);

2.设置标注:位于marker中心

marker.setLabel("AAAAA");
展开阅读全文
©️2020 CSDN 皮肤主题: 大白 设计师: CSDN官方博客 返回首页
实付0元
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值