网站程序插件怎么安装-第四步：下载并安装陌陌小程序插件

也想出现在这里？点击联系我~

立即下单

进入商城

进不了网站？换个网络试试！

本手册是使用 Momo 小程序插件的快速入门手册。

第一步：下载并安装陌陌小程序开发工具根据陌陌

小程序开发文档下载并安装陌陌小程序开发者工具。

第 2 步：获取高德密钥

单击此处查看如何申请高德密钥>>

步骤 3：创建项目

按照以下步骤创建本地小程序项目。

1.启动“陌陌”网页开发者工具“，用陌陌

扫描二维码，点击陌陌上的”确认登录“按钮后登录开发工具。

2. 点击”

本地小程序项目“按钮选择调试类型。

3. 点击“+”按钮添加项目。

4、依次输入AppID（请参考：小程序开发文档）、项目名称，选择项目目录，勾选“在当前目录下创建快速入门项目”，然后点击“添加项目”按钮，再次登录陌陌公众平台完成项目创建。

第四步：下载并安装陌陌小程序插件

从相关下载页面下载开发包并解压缩。

提取 amap-wx 后

.js文件中，在创建的项目中，创建一个名为libs的新目录，将amap-wx.js文件复制到libs的本地目录，然后完成安装。

步骤 5：设置安全通信域名

为了保证高德小程序插件中提供的功能正常使用，需要设置一个安全的域名。

登录陌陌公众平台，在“设置”->“开发设置”中设置请求合法域名，添加后会如右图所示

第 6 步：HelloAMapWX

1. 创建小程序实例。如果在创建项目

时选择“在当前目录下创建快速入门项目”，可以直接跳过此步骤，否则请参考 Momo 小程序开发文档创建小程序示例。

2. 设置索引.js文件。

index.js在项目空间的页面/索引目录中，是页面的脚本文件，其中完成了页面的生命周期功能，以窃听和处理页面，声明和处理数据，并响应页面交互风暴。

首先，在索引.js中引入 amap-wx .js文件。

var amapFile = require('path/to/amap-wx.js');//如：..­/..­/libs/amap-wx.js

之后网站程序插件怎么安装，在索引.js中实例化 AMapWX 对象，并调用 getPoiAround 获取 POI 数据。

要保证标记显示为自定义图标，需要在项目中创建一个新的 img 目录，将 marker 对应的图标复制到项目的本地 img 目录，并在索引.js添加以下代码：

var markersData = [];
Page({
  data: {
    markers: [],
    latitude: '',
    longitude: '',
    textData: {}
  },
  makertap: function(e) {
    var id = e.markerId;
    var that = this;
    that.showMarkerInfo(markersData,id);
    that.changeMarkerColor(markersData,id);
  },
  onLoad: function() {
    var that = this;
    var myAmapFun = new amapFile.AMapWX({key:'您的key'});
    myAmapFun.getPoiAround({
      iconPathSelected: '选中 marker 图标的相对路径', //如：..­/..­/img/marker_checked.png
      iconPath: '未选中 marker 图标的相对路径', //如：..­/..­/img/marker.png
      success: function(data){
        markersData = data.markers;
        that.setData({
          markers: markersData
        });
        that.setData({
          latitude: markersData[0].latitude
        });
        that.setData({
          longitude: markersData[0].longitude
        });
        that.showMarkerInfo(markersData,0);
      },
      fail: function(info){
        wx.showModal({title:info.errMsg})
      }
    })
  },
  showMarkerInfo: function(data,i){
    var that = this;
    that.setData({
      textData: {
        name: data[i].name,
        desc: data[i].address
      }
    });
  },
  changeMarkerColor: function(data,i){
    var that = this;
    var markers = [];
    for(var j = 0; j < data.length; j++){
      if(j==i){
        data[j].iconPath = "选中 marker 图标的相对路径"; //如：..­/..­/img/marker_checked.png
      }else{
        data[j].iconPath = "未选中 marker 图标的相对路径"; //如：..­/..­/img/marker.png
      }
      markers.push(data[j]);
    }
    that.setData({
      markers: markers
    });
  }
})

2. 设置索引.wxml 文件。

index.wxml位于项目空间的页面/索引目录中网站程序插件怎么安装，是一个页面结构文件，用于构建页面结构、绑定数据和交互处理功能。

示例代码如下：

  


  {{textData.name}}
  {{textData.desc}}

3. 设置索引 .wxss 文件。

index.wxss 是项目空间的页面/索引目录中的页面样式文件。

示例代码如下：

.map_container{
  position: absolute;
  top: 0;
  bottom: 80px;
  left: 0;
  right: 0;
}
.map{
  width: 100%;
  height: 100%;
}
.map_text{
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0px;
  height: 80px;
  background: #fff;
  padding: 0 15px;
}
text{
  margin: 5px 0;
  display: block;
  font-size:12px;
}
.h1{
  margin: 15px 0;
  font-size:15px;
}

第 7 步：在手机上创建和预览小程序

单击两侧的菜单栏

按下按钮创建小程序并查看运行效果。

你也可以选择在 Momo 上查看最终效果，在开发工具两侧的菜单栏中选择“项目”，点击“预览”，使用 Momo 扫描代码在 Momo 客户端体验。

网址导航网站源代码网站

导航网站源代码介绍

URL导航网站源码是一个PHP+Mysql网站程序，支持一键生成全站伪静态;源代码具有单个模板，多种样式，随机对齐，布局控制。网站名称和徽标可以随意更改，以便于应用。

网址导航网站

源码非常适合菜鸟在学习如何建站时制作URL导航网站。

网址导航：网站源码下载

网址导航网站源码下载地址：密码：xq65

网址导航：网站源码安装

打开压缩包，直接上传到支持 PHP+MySQL 的虚拟空间，运行网站域名/索引.php，会出现数据库加入错误消息，此错误消息为安装向导网站源码程序下载，按照此向导指导安装。安装完成后，使用网站域/webmaster_central.php登录网站后端。初始管理员：管理员密码：管理员直接输入后台地址或点击“个性化管理中心”以管理员身份登录，点击小键图标步入后台→配置数据库→导入数据表，完成。小钥匙图标是管理员的直接快捷方式。提示：必须先设置数据库，数据表构建完成后即可正常使用。

哪些是网站的源代码网站

源代码是打包网站程序、网站模板、网站

后台管理，网站数据库数据全部放在一起，用户下单网站源代码后网站源码程序下载，只需要直接上传到网站空间，就可以搭建和演示同一个板的网站。