Google地图标注（最新版V3下的写法）基础篇

<script type="text/javascript">  var map;var markersArray = [];function initialize(){if(window.top.$('#<?php echo $field?>').val()) {var data = window.top.$('#<?php echo $field?>').val();var data = data.split('|');var lngX = data[0];var latY = data[1];var zoom = data[2] ? Number(data[2]) : 10;var latlng = new google.maps.LatLng(latY, lngX);}else{var latlng = new google.maps.LatLng(41, 29);var zoom = 10;}var myOptions = {zoom: zoom,center: latlng,mapTypeId: google.maps.MapTypeId.ROADMAP};map = new google.maps.Map(document.getElementById("mapObj"), myOptions);// add a click event handler to the map objectgoogle.maps.event.addListener(map, "click", function(event){// place a markeraddMarker(event.latLng);// display the lat/lng in your form's lat/lng fields});}function addMarker(location) {// first remove all markers if there are anydeleteOverlays();var marker = new google.maps.Marker({position: location, map: map});// add marker in markers arraymarkersArray.push(marker);var ZoomLevel = map.getZoom();window.top.$('#<?php echo $field?>').val(location.lat()+'|'+location.lng()+'|'+ZoomLevel);//map.setCenter(location);}// Deletes all markers in the array by removing references to themfunction deleteOverlays() {if (markersArray) {for (i in markersArray) {markersArray[i].setMap(null);}markersArray.length = 0;}}
google.maps.event.addDomListener(window, 'load', initialize);</script>

Google地图标注（最新版V3下的写法）基础篇相关推荐

下边框_css基础篇07--边框样式
在网页中,边框随处可见,任何块元素和行内元素都可以设置边框属性.例如,div元素可以设置边框,img元素也可以设置边框,table元素也可以设置边框,span元素同样也可以设置边框等等. 目标设置边 ...
Linux环境下Shell脚本基础篇-鸡兔同笼问题
概述鸡兔同笼,是古代著名典型趣题之一,记载于<孙子算经>之中,题目为"有若干只鸡兔同在一个笼子里,从上面数,有35个头,从下面数,有94只脚.问笼中各有多少只鸡和兔?" ...
「PS-CC2019新版教程」画板工具-基础篇
上期我们讲了PS的"选择移动"工具的使用,就是将选中的一个图层从当前位置到下一个位置的移动!今天,说一下,画板工具! 调出方法: 第一种:鼠标移动到左侧的移动工具处,鼠标右键,切换 ...
「PS-CC2019新版教程」面板认识-基础篇
大家好!上周我们学习了解PS的首选项设置,回顾一下首选项设置之后的好处: 暂存盘设置,减轻C盘压力,释放C盘内存,让电脑远离卡顿! PS的基础设置:例如面板颜色.历史记录步数.标尺颜色,滚轮快捷键等个 ...
arcgis前端(2)-----＞基础篇--发布一个自定义地图及加载自定义地图/底图
arcgis前端(2)----->基础篇–发布一个自定义地图及加载自定义地图/底图文章目录 arcgis前端(2)----->基础篇--发布一个自定义地图及加载自定义地图/底图前言 & ...
google 将推出最新版的地图
我觉得学习编程.了解事实.外国网站无外乎会有最新的消息.所以我就试图的翻译一下外国的网站. 慢慢来,刚开始翻译的有些丑陋,请谅解! 原网址: http://news.cnet.com/8301-102 ...
Google 地图 API V3 使用入门1
Hello, World 要开始了解 Google Maps API,最简单的方法就是查看简单的示例.以下网页显示了一张以澳大利亚新南威尔士的悉尼为中心的地图: <!DOCTYPE html&g ...
准备学习下GOOGLE地图
想学习下GOOGLE地图,一方面想把公司的厅点图利用GOOGLE地图标示出来,另一方面就当是充实自己吧. 先复习下经纬度的知识经度和纬度都是一种角度.经度是个两面角,是两个经线平面的夹角.因所有经线 ...
免费Google地图API使用说明(转)
转自:http://www.cnblogs.com/mypig/articles/1936154.html 01 事件监视 02 03 GEvent.addListener用来注册事件监视器,在 ...

Google地图标注（最新版V3下的写法）基础篇

Google地图标注（最新版V3下的写法）基础篇相关推荐

最新文章

热门文章