微信小程序似乎比较火,很多公司除了自家app外都要给自家再弄个小程序,于是乎空余时间就试了试小程序,现记录下地图页面的开发。小程序官方文档也比较全,基本上面的东西都有,有前端开发经验的上手更简单。先上图
:
1.层级结构: 小程序类似于app,以页面为单位,每个页面包含4个文件: .js .json .wxml .wxss 为后缀的文件,官方文档很清楚
.wxml 文件:
// 创建地图
<
map
id=
'anyoMap'
class=
'mp_map'
longitude=
"{
{lon}}"
latitude=
"{
{lan}}"
scale=
'13'
markers=
'{
{markers}}'
controls=
'{
{controls}}'
bindcontroltap=
'controltap'
bindmarkertap=
'markerTap'