ASP.NET Google Maps Javascript API V3 实战基础篇一反向地址解析

最新推荐文章于 2017-08-28 14:35:14 发布

wuqinglianga

最新推荐文章于 2017-08-28 14:35:14 发布

阅读量1.6k

点赞数

分类专栏： Google Maps JavaScript API V3 实战文章标签： javascript asp.net google api function input

本文链接：https://blog.csdn.net/wuqinglianga/article/details/6010331

版权

Google Maps JavaScript API V3 实战专栏收录该内容

31 篇文章 0 订阅

订阅专栏

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Geocoding_Reserver.aspx.cs"
Inherits="Samples.Services.Geocoding_Reserver" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>反向地址解析</title>
    <style type="text/css">
        #maps
        {
            height: 450px;
        }
    </style>

map = new google.maps.Map(document.getElementById("maps"), Options);

        }
        //反向地址解析函数，如果解析成功将地图中心设置到该处，并在该处创建标记和信息窗口显示该处地址
        function codeLatLng() {
            var input = document.getElementById("latlng").value;
            var latlngStr = input.split(",", 2);
            var lat = parseFloat(latlngStr[0]);
            var lng = parseFloat(latlngStr[1]);
            var LatLng = new google.maps.LatLng(lat, lng);
            geocoder.geocode(
            { "latLng": LatLng }, function(results, status) {
                if (status == google.maps.GeocoderStatus.OK) {
                    if (results[1]) {
                        map.setZoom(11);
                        marker = new google.maps.Marker({
                            position: LatLng,
                            map: map

                        });
                        infowindow.setContent(results[1].formatted_address);
                        infowindow.open(map, marker);
                    } else {
                        alert("没有相应地址名称!");
                    }
                } else {
                    alert("不能进行地址反向解析:" + status);

                }
            }
            );
        }
        //将地图初始化函数绑定到window的load事件
        google.maps.event.addDomListener(window, "load", initialize);
    </script>

</head>
<body>
    <form id="form1" runat="server">
    <div>
        <input id="latlng" type="textbox" value="40.714224,-73.961452">
    </div>
    <div>
        <input type="button" value="反向地址解析" οnclick="codeLatLng()">
    </div>
    <div id="maps">
    </div>
    </form>
</body>
</html>

wuqinglianga

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
ASP.NET Google Maps Javascript API V3 实战基础篇一反向地址解析

<br /><%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Geocoding_Reserver.aspx.cs"<br /> Inherits="Samples.Services.Geocoding_Reserver" %><br /><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtm
复制链接

扫一扫

专栏目录