google map v3 地址定位器

好久没写博客了,今天做了一个谷歌地址定位器的小实验,因为是第一次用谷歌地图API,犯了不少小白的问题,记录下来

1、首先是谷歌api的引入,看到官网上一直都是这样写的:

<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script> 

于是复制粘贴到自己的程序中,可是打开的时候巨慢,地图经常加再不进来,网上百度了一下才发现应该这样写:

<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false&language=zh-CN"></script> 

后面应该跟上地区语言。这个应该是谷歌根据区域不同加载不同的api吧。

2、地址定位器:

geocoder.geocode( { 'address': address,"language":"zh_cn"}, dojo.hitch(this, function(results, status) {
            if (status == google.maps.GeocoderStatus.OK) {
                console.log("GeocoderStatus.OK");
                if(results[0]){
                    var point = results[0].geometry.location;
                    this.map.setCenter(point);
                    var marker = new google.maps.Marker({
                                    position: point,
                                    map: this.map
                                    });
                    //$L.add(marker,"click",function(){
                    //    $I.add("我在这里").open(map,marker);
                   // })
                }
            } else {
                alert("Geocode was not successful for the following reason: " + status);
            }
        }));

这个没什么难的,就是地址定位器的参数问题,如果你在引用api的时候加上language参数,则无法使用中文地址解析

时间: 2024-11-20 18:05:42

google map v3 地址定位器的相关文章

Javascript计算两个marker之间的距离(Google Map V3)_javascript技巧

Google Map V3 javascript计算两个marker之间的距离 做地图开发,最常用到的就是marker一些操作和交互.简单介绍一下,两个marker之间的距离计算. google map api 很方便的 只要是常用的 基本上都有接口. 1.创建两个marker点 复制代码 代码如下: var oldMarker = new google.maps.Marker({ position: new google.maps.LatLng("31.95678", "1

Google Map V3 绑定气泡窗口(infowindow)Dom事件实现代码_javascript技巧

在调试功能模块时候,发现怎么用什么方法都无法在infowindow里面添加的div进行绑定事件处理.郁闷啊!上网搜了好多方法也没用, 后来想想还是查了一下官方的API,发现了google.maps.InfoWindow下面的Events里面有个domready事件 官方解释: This event is fired when the containing the InfoWindow's content is attached to the DOM. You may wish to monito

通过php获取google map的坐标地址

 第一步,获取坐标 <?php $address = !empty($_POST['address'])?$_POST['address']:"<?=$navinfor[字段名称]?>";// Google HQ $prepAddr = str_replace(' ','+',$address); $geocode=file_get_contents('http://maps.google.com/maps/api/geocode/json?address='.$pr

google map api v3 文字地标(labeledmarker)如何实现

问题描述 google map api v3 文字地标(labeledmarker)如何实现 google map默认的标示Marker,只能使用图片不能使用文字,label属性也只能显示首字符,怎么将一行文字显示在图标下边呢?请指教 解决方案 google map api v3Google Map API v3google map api v3 解决方案二: http://bbs.csdn.net/topics/380244476

用Flex开发Google Map应用程序

Flex 简介 Flex 是 Abode 公司贡献的一个开源框架,用于快速构建和维护高度交互并具有丰富表现力的互联网应用( Rich Internet Application ).这些 RIA 应用程序既可以通过 Adobe Flash Player 部署在所有主流的浏览器上,也可以通过 AIR(Adobe Integrated Runtime) 部署在所有主流操作系统的桌面上. 一个 Flex 应用程序通常有 ActionScript 和 MXML 两种代码组成.ActionScript 是一

基于google map api开发web和google earth的KML地标插件

KML文件很好做,在你的google earth(以下简称GE)中选择你自己的或是别人的marker或layer,就可以保存成静态的地标或图层信息(kmz或kml格式),发送给你的朋友,用他的GE打开你的文件就可以看到你所标注的marker信息. 这些相关的文章让我迷失了好一段时间,不过,我想要的是动态的地标.类似于EEMAP那样的GE插件.下面我将讲述它的工作原理和制做方法. 先说几个概念,google map api是基于javascript+xml等技术实现的,另一款产品google ea

将Google Map添加到示例JSF目录应用程序中

本示例将演示如何使用 BluePrints JSF Google Map Viewer 组件 为使用 JAX-WS.JSF.EJB 3.0 和 Java 的 商店物品清单应用程序 添加地图. 商店物品清单应用程序中 Blueprints JSF Ajax Map 组件的功能解释下图显示的是某商品详细情况的 页面. 当用户单击销售商地址的超连接时,应用程序就会将该地址在 Google 地图中显示出来,如下图所示 : Blueprints JSF Ajax Map 组件在 JSF Catalog W

magento 1.4 -- 推荐插件 -- 谷歌地图 -- Google Map Locations

名称:    Google Map LocationsExtension Key:magento-community/Gmap_Locations网址:    http://www.magentocommerce.com/magento-connect/webideaonline/extension/4017/gmap_locations介绍:   谷歌地图插件,可以用谷歌地图显示指定的位置,可以用来显示实体店或公司地址等等          Demo地址:http://webideaonlin

jquery与google map api结合使用 控件,监听器_jquery

Google Maps JavaScript. API可以让您在自己的网页上使用Google地图.在使用API之前,您应该先申请一 个API key,申请API key请到:http://code.google.com/apis/maps/signup.html.这里假设你获取到的key是:ABQIAA. 关于jquery的获取不再此处累赘,网上有许多关于jquery的介绍. 接着我们就使用JQuery和Google Maps JavaScript. API来结合表现一下google map的有