<script type="text/javascript" src="../../js/jquery.js"></script> <script type="text/javascript" src="http://webapi.amap.com/maps?v=1.3&key=ca04cee7ac952691aa67a131e6f0cee0"></script> <script type="text/javascript" src="../../js/bootstrap.min.js"></script> <script type="text/javascript" src="../../js/bootstrap.AMapPositionPicker.js"></script>如何使用到这个地图

要使用这个地图，一般需要在网页中添加一些 HTML 和 JavaScript 代码。首先，需要在 HTML 文件中创建一个具有一定大小的元素，作为地图的容器，例如：

<div id="mapContainer" style="height: 500px;"></div>

接着，在 JavaScript 中创建一个地图对象，并将其绑定到容器元素上，例如：

var map = new AMap.Map('mapContainer', {
  zoom: 10, // 初始缩放级别
  center: [116.39,39.9], // 初始中心点坐标
  resizeEnable: true // 自适应容器大小
});

这里的 `AMap` 对象是从高德地图 API 中加载的。使用 `Map` 构造函数创建了一个地图对象，并将其绑定到 `mapContainer` 元素上。`zoom` 和 `center` 分别指定了地图的初始缩放级别和中心点坐标。

接下来，可以使用 `bootstrap.AMapPositionPicker.js` 中提供的位置选择器组件来让用户在地图上选择位置，例如：

$('#mapContainer').AMapPositionPicker({
  zoom: 16, // 缩放级别
  useNative: true, // 是否使用原生控件
  markerOptions: {
    raiseOnDrag: true, // 拖动时是否提高标记
    draggable: true // 是否可拖拽
  },
  inputTag: '#positionInput' // 位置信息输入框
});

这里使用了 jQuery 的 `$` 函数来选取 `mapContainer` 元素，并调用 `AMapPositionPicker` 方法来创建位置选择器。`zoom` 参数指定了缩放级别，`useNative` 参数指定了是否使用原生控件，`markerOptions` 参数指定了标记的属性，`inputTag` 参数指定了位置信息输入框的选择器。