[JavaScript知识库]react项目第六天(地图找房页面 ) 和 单个字母以及多个字母比较大小

地图找房

修改项目的根地址

1. 旧的地址 数据没有那么准确

   https://api-haoke-web.itheima.net

2. 用到的百度地图的api

   1. 用到的百度的api ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ??覆盖物: https://lbsyun.baidu.com/jsdemo.htm#c1_14? ? ? ? ? ??

      // 创建百度地图的坐标对象
            const point = new BMap.Point(longitude,latitude)
      
            const opts = {
              // 坐标
              position : point
            }
            // 第一个参数：表示文本覆盖物的文字（调用 setContent 方法后，该参数内容就不再生效了，直接设置为 空字符串 即可）
          // 第二个参数：配置对象
            const label = new BMap.Label('',opts)
            // 设置 HTML 内容：
            label.setContent(`12345`)
            this.map.addOverlay(label);

   2. 覆盖物绑定事件

       label.addEventListener("click", () => {

   3. 清除覆盖物

       map.addOverlay(label);

   4. 定位和缩放

      map.centerAndZoom(currentPoint, 12);

   5. 地图的拖拽事件

       map.addEventListener("dragstart",()=>{

拓展：单个字母以及多个字母比较大小

一：单个字母

二、多个字母