zoukankan      html  css  js  c++  java
  • 高德地图&兴趣点(poi)

    <!DOCTYPE html>
    <html>
        <head>
            <meta charset="utf-8" />
            <title>高德地图</title>
            <script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.11&key=9de88a718781910c9a1c81230827d1ce"></script>
            <style type="text/css">
                *{
                    margin: 0;
                    padding: 0;
                    list-style: none;
                }
                #container{
                     100%;
                    height: 100%;
                    position: absolute;
                    left: 0;
                    top: 0;
                }
                #setZoomNode,#setCenterNode{
                     280px;
                    position: absolute;
                    z-index: 99;
                    right: 20px;
                    top: 50px;
                    border: 1px solid black;
                    box-shadow: 0 0 5px black;
                    background: white;
                }
                #setCenterNode{
                    top: 50px;
                }
                #node li{
                    cursor: pointer;
                }
                #searchNode{
                     280px;
                    height: 30px;
                    background: white;
                    position: absolute;
                    top: 20px;
                    right: 20px;
                }
            </style>
        </head>
        <body>
            <div id="container"></div>
            <div id="searchNode">
                <input type="" name="" id="searchInput" />
                <button id="btn">搜索</button>
            </div>
            <div id="setCenterNode">
                
            </div>
            
            <script type="text/javascript">
                var map = new AMap.Map('container',{
                    zoom:10,
                    center:[121,30]
                });
                
                AMap.service(['AMap.PlaceSearch'],function(){
                    btn.onclick = function(){
                        new AMap.PlaceSearch({
                            pageSize:5,  //最多显示五条
                            pageIndex:1,  //在第二页显示
                            city:'010',  //在哪个城市搜索
                            citylimit:true,  //是否限制在城市内搜索 
                            map:map,  //展示在哪个地图里
                            panel:'setCenterNode'  //放在哪个元素下
                        }).search(searchInput.value);  //搜索内容
                    }
                });
                
            </script>
        </body>
    </html>

  • 相关阅读:
    http请求的跨域
    事件驱动模型
    单例设计
    引用类型与垃圾回收
    注解开发
    Java的反射机制
    Android Listener 监听的几种写法
    人生必须有所规划,工作是好比马拉松
    Android 常用的常量
    Android 常见的广播 action常量
  • 原文地址:https://www.cnblogs.com/rickdiculous/p/11426735.html
Copyright © 2011-2022 走看看