添加google 地图搜索控件

最新推荐文章于 2021-04-02 12:14:11 发布

sada09

最新推荐文章于 2021-04-02 12:14:11 发布

阅读量953

点赞数

分类专栏： Google Map API 文章标签： google search import border url html

Google Map API 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

<html>
    <head>
        <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
        <script src="http://ditu.google.com/maps?file=api&v=2&key=ABQIAAAAzr2EBOXUKnm_jVnk0OJI7xSosDVG8KKPE1-m51RBrvYughuyMxQ-i1QfUnH94QxWIa6N4U6MouMmBA&hl=zh-CN" type="text/javascript"></script>
        <script src="http://www.google.com/uds/api?file=uds.js&v=1.0&source=uds-msw&key=ABQIAAAAzr2EBOXUKnm_jVnk0OJI7xSosDVG8KKPE1-m51RBrvYughuyMxQ-i1QfUnH94QxWIa6N4U6MouMmBA" type="text/javascript"></script>
        <script src="http://www.google.com/uds/solutions/localsearch/gmlocalsearch.js" type="text/javascript"></script>
        <style type="text/css">
              @import url("http://www.google.com/uds/css/gsearch.css");
              @import url("http://www.google.com/uds/solutions/localsearch/gmlocalsearch.css");
              #mapDiv{
                  width:500px; height:400px; border:1px solid red;
              }
        </style>
    </head>
<body>
    <div id='mapDiv'></div>
</body>
<script type='text/javascript'>
    var map=new GMap2(document.getElementById('mapDiv'));
    map.setCenter(new GLatLng(39.917,116.397),14);
    var search=new google.maps.LocalSearch();
    map.addControl(search,new GControlPosition(G_ANCHOR_BOTTOM_RIGHT),new GSize(90,90));
    map.addControl(new GLargeMapControl());
    map.addControl(new GMapTypeControl());
    map.addOverlay(new GMarker(new GLatLng(39.917,116.397)));
</script>