福网空间站:提供万网域名、空间、美国空间、域名 福建网站制作中心提供一条龙网站建设 要就发IP网站限制访问系统,防止同行抄袭并保障海外客户访问不受影响
福网企业建站中心|上千企业网站风格 要就发外贸站,以外国人的视觉建设英文网站
福建网站建设、福建网页设计、福建网站制作 福网官方主机,新增美国主机|PHP网站建设
要就发网店系统适合个人网上开店,少投入大收益 福建福州美国域名注册、超大容量国内、国外空间
详细内容                            全国服务热线:13616088405
利用Google map API 查询出当前地址的周边信息(学校,餐厅,地铁站,公交站等等)

支持的types:

 

  • accounting
  • airport
  • amusement_park
  • aquarium
  • art_gallery
  • atm
  • bakery
  • bank
  • bar
  • beauty_salon
  • bicycle_store
  • book_store
  • bowling_alley
  • bus_station
  • cafe
  • campground
  • car_dealer
  • car_rental
  • car_repair
  • car_wash
  • casino
  • cemetery
  • church
  • city_hall
  • clothing_store
  • convenience_store
  • courthouse
  • dentist
  • department_store
  • doctor
  • electrician
  • electronics_store
  • embassy
  • establishment
  • finance
  • fire_station
  • florist
  • food
  • funeral_home
  • furniture_store
  • gas_station
  • general_contractor
  • grocery_or_supermarket
  • gym
  • hair_care
  • hardware_store
  • health
  • hindu_temple
  • home_goods_store
  • hospital
  • insurance_agency
  • jewelry_store
  • laundry
  • lawyer
  • library
  • liquor_store
  • local_government_office
  • locksmith
  • lodging
  • meal_delivery
  • meal_takeaway
  • mosque
  • movie_rental
  • movie_theater
  • moving_company
  • museum
  • night_club
  • painter
  • park
  • parking
  • pet_store
  • pharmacy
  • physiotherapist
  • place_of_worship
  • plumber
  • police
  • post_office
  • real_estate_agency
  • restaurant
  • roofing_contractor
  • rv_park
  • school
  • shoe_store
  • shopping_mall
  • spa
  • stadium
  • storage
  • store
  • subway_station
  • synagogue
  • taxi_stand
  • train_station
  • travel_agency
  • university
  • veterinary_care
  • zoo

代码段

<!DOCTYPE html>
<html>
  <head>
    <title>Place searches</title>
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
    <meta charset="utf-8">
    <style>
      html, body, #map-canvas {
        height: 100%;
        margin: 0px;
        padding: 0px
      }
    </style>
    <script src="https://maps.googleapis.com/maps/api/js?v=3.exp&signed_in=true&libraries=places"></script>
    <script>
    var map;
    var infowindow;

    function initialize() {
        var pyrmont = new google.maps.LatLng(22.546593, 114.119453);

        map = new google.maps.Map(document.getElementById('map-canvas'), {
            center: pyrmont,
            zoom: 15
        });

        //types 学校:school 医院:hospital Clinic  地铁站:train_station  公交站:bus_station 
        //卖场:shopping mall    超市:supermarket   银行:bank
        var request = {
            location: pyrmont,
            radius: 1000,
            types: ['restaurant']
        };
        infowindow = new google.maps.InfoWindow();

        //默认地点创建标记以及提示文字
        var defaultMarker = new google.maps.Marker({
            map: map,
            position: pyrmont
        });
        
        // 计算距离
        console.log(distance(22.546593, 114.119453,22.546393, 114.119454));

        var service = new google.maps.places.PlacesService(map);
        service.nearbySearch(request, callback);
    }

    function callback(results, status) {
        console.log(results);
        if (status == google.maps.places.PlacesServiceStatus.OK) {
            for (var i = 0; i < results.length; i++) {
                createMarker(results[i]);
                
                //计算出项目点到搜索出来的地点的距离
                console.log(results[i].name + '距离' + distance(22.546593, 114.119453, results[i].geometry.location.A, results[i].geometry.location.F)+'m');
            }
        }
    }

    //计算两个点之间的距离
    function distance(sX,sY,eX,eY){
        var lat = [sX, eX]
        var lng = [sY, sY] //var R = 6371; // km (change this constant to get miles)
        var R = 6378137; // In meters
        var dLat = (lat[1] - lat[0]) * Math.PI / 180;
        var dLng = (lng[1] - lng[0]) * Math.PI / 180;
        var dLat1 = lat[0] * Math.PI / 180;
        var dLat2 = lat[1] * Math.PI / 180;
        var a = Math.sin(dLat / 2) * Math.sin(dLat / 2) + Math.cos(dLat1) * Math.cos(dLat1) * Math.sin(dLng / 2) * Math.sin(dLng / 2);
        var c = 2 * Math.atan2(Math.sqrt(a), Math.sqrt(1 - a));
        var d = R * c;
        return Math.round(d);
    }


    //创建标记
    function createMarker(place) {
      var placeLoc = place.geometry.location;
      var marker = new google.maps.Marker({
        map: map,
        position: place.geometry.location
      });

      google.maps.event.addListener(marker, 'click', function() {
        infowindow.setContent(place.name);
        infowindow.open(map, this);
      });
    }

    // 监听页面的加载事件,载入地图
    google.maps.event.addDomListener(window, 'load', initialize);

    </script>
  </head>
  <body>
    <div id="map-canvas"></div>
  </body>
</html>

发布日期:2018-3-21    浏览量:    
要就发IP网站限制访问系统,防止同行抄袭并保障海外客户访问不受影响
福建网站制作中心(http://www.001fj.com)承接个人、公司、企业的网站建设、网页设计、网店制作、独立商城制作、外贸网站制作,也承接同行介绍的业务,欢迎联系!
本站承接主要业务如下:
1、虚拟主机(网站空间),有独立国内服务器、美国服务器、万网服务器
2、域名注册,是万网的域名代理,域名提供万网的独立控制面板
3、网站建设:含FLASH制作、个人网店制作、企业建站、公司网站、新闻、下载等建设、论坛、博客网站搭建等,承接外贸英文站制作
4、采集、程序小偷程序制作:实现商品数据采集、文章、图片采集、让你的网站在短时间内拥有大量的数据,制作小偷程序,让你i轻松拥有大型网站而不需要发大量维护
5、网站推广、流量推广:百度竞价排名,流量推广提搞你网站流量促进百度排名,每月网站流量推广,让您网站最少时间受最多人的关注
联系电话:13616088405,联系QQ:535251856