Google map API3 标注、添加事件、地图查询
来源:互联网 发布:日本皇族知乎 编辑:程序博客网 时间:2024/04/26 07:14
其实google map api3标注,在google提供的api中都有说明,都很详细,叫叠加层,但有时候我们需要对该标注进行操作,比如单击、双击等。一下是代码,大部分是用原来的代码。 代码入下:
google api 地址:https://developers.google.com/maps/documentation/javascript/overlays?hl=zh-CN
var markersArray =[];
var map;
var myLatlng;
/**
* 加载地图
*/
function initialize() {
if(myLatlng==null){
myLatlng = new google.maps.LatLng(46.80399, 130.381465);
}
var mapOptions = {
zoom: 10,
center: myLatlng,
mapTypeId: google.maps.MapTypeId.ROADMAP,
}
map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions);
/****地图添加标记***/
google.maps.event.addListener(map, 'click', function(event) {
addMarker(event.latLng,‘Hello!’);
})
}
/***添加标记方法**/
function addMarker(location,title){
marker = new google.maps.Marker({
map: map,
draggable:true,
position: location,
title:title
});
markersArray.push(marker);
/********给标记添加双击事件 删除该标记************/
google.maps.event.addListener(marker, 'dblclick', function(event) {
if(confirm('确认删除地图标记?')){
this.setMap(null);
}
})
}
/**********根据address返回经纬度,重新初始话地图进行完成查询操作******************/
function search(address){
var geocoder = new google.maps.Geocoder();
geocoder.geocode( {
'address' :address
}, function(results, status) {
if (status == google.maps.GeocoderStatus.OK) {
var currentLatLng = results[0].geometry.location;
myLatlng =new google.maps.LatLng(currentLatLng.lat(), currentLatLng.lng());
initialize();
//results数组里有很多有用的信息,包括坐标和返回的标准位置信息
} else {
alert('加载失败!');
}
});
}
</script>
第一环保网
- Google map API3 标注、添加事件、地图查询
- google map api3 中添加标记
- google map api3.0
- 百度地图API3.1.1版之添加标注物+UI控制+定位
- Google map 搜索+点击地图添加标注点 并且返回坐标
- google map api v3 添加标注例子
- Google 地图开发 API3 API2 GDownloadUrl函数
- 使用google map显示地图,并标注InfoWindow
- Android Google Map实例 - 添加GPS位置标注(Android mapview)
- Android Google Map实例 - 添加GPS位置标注(Android mapview)
- Google Map Event 谷歌地图事件
- Google API3 在地图上画圆圈,实现可拖动
- 高德地图添加多个点标注的点击事件
- 百度地图:为标记添加点击事件显示标注
- 给地图添加标注
- 用Ajax加载Google地图并向地图上添加标注信息
- iOS使用Google Map Api创建地图-显示标注-轨迹回放
- 百度地图添加标注点
- 【OpenCV入门教程之五】 分离颜色通道&多通道图像混合
- 啊哈!算法】最快最简单的排序——桶排序
- IOS 添加字体
- Verilog编程规范(补充中)
- JFreeChart 属性
- Google map API3 标注、添加事件、地图查询
- jquery validate 简单使用
- item.RightsName
- 百度优化客服电话搜索
- Socket心跳包机制总结
- 为 MySQL 的查询结果添加排名字段
- java 自己模糊的地方
- 为爱编程,专属于程序员的情人节赠书活动
- hive转比较特殊的日期格式