使用了jquery mobile，引入百度地图

功能：增加热点、查找附近热点、登录、注册。。。

微信扫描体验H5程序

共三个页面，一个主页是地图页，另外就是注册和修改用户信息页。

主页面增加地点

一、head引用的内容

引用jquery、jquery mobile、百度map api，这里后面的参数ak需要到百度地图开放平台申请

二、左下角的查找控件

百度地图的增加控件代码块，点击控件调用$("#qryPopup").popup("open");弹出小窗口

//定义一个查找控件类function QueryCondControl(){        this.defaultAnchor = BMAP_ANCHOR_BOTTOM_RIGHT;        this.defaultOffset = new BMapGL.Size(10, 10);    }    QueryCondControl.prototype = new BMapGL.Control();QueryCondControl.prototype.initialize = function(map){ var div = document.createElement("div");     var img=document.createElement("img"); img.src = "qry.png"; div.appendChild(img);   div.style.cursor = "pointer";      div.onclick = function(e){   //qryPopupconsole.log(e); $("#qryPopup").popup("open"); }     map.getContainer().appendChild(div);     return div;}var myQueryCondControl = new QueryCondControl();map.addControl(myQueryCondControl);

弹出的小窗口的代码块：

        
查找
名称:种类:网红打卡点风景区公园名胜古迹寺庙其他查询