谷歌地图API 学习(一)

本文主要介绍了谷歌地图API中Marker对象的创建方法和参数分析。Marker的创建需要指定position参数,即谷歌经纬度,以及map参数,表示当前地图对象。此外,还可以通过icon参数设置自定义图标。Marker对象提供了设置图片和标注的功能,使得可以精确地在地图上进行标记。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

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");
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值