google map api学习笔记

http://code.google.com/intl/zh-CN/apis/maps/documentation/javascript/tutorial.html

载入Google Maps API

1)http://maps.google.com/maps/api/js 指向一个js文件。该文件会帮你载入使用第三版google maps api所需的全部符号和定义。因此网页必须包含指向这个文件的script标签。

2)地图选项

要初始化地图,首先要创建一个包含地图初始化变量的Map options对象。

(1)地址解析:将一个地名解析为地理坐标(经纬度)

常用LatLng对象。var myLatlng = new google.maps.LatLng(myLatitude,myLongitude)

(2)地图类型 mapTypeId

3)Map对象,创建新的地图实例是,需要在网页中指定一<div>html元素作为容器,以及地图的一些参数(地图选项)。

例:var map = new google.maps.Map(document.getElementById("map_canvas"),myOptions).

4)如何载入地图

<body onLoad = "initalize()">


检测用户位置(定位)

1)W3C Geolocation标准

2)使用google gears浏览器可以使用google gears geoocation api

3)使用Ip地址检测,只能提供粗略估计


注意:jsp定义标签属性值是等号两边不能有空格,因为几次都是出现这个错误。

jsp script中设置 control 属性时,使用单引号。

如:var controlDiv = document.createElement('DIV');
controlDiv.style.padding = '5px';

var controlUI = document.createElement('DIV');
controlUI.style.backgroundColor = 'blue';
controlUI.style.borderStyle = 'solid';
controlUI.style.borderWidth = '2px';
controlUI.style.cursor = 'pointer';
controlUI.style.textAlign = 'center';
controlUI.title = 'Click to set the map to Home';
control.appendChild(controlUI);

而src onload等后面是双引号

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值