小程序展示指定位置并调用手机地图 - 以陕西省西安市未央区小和山校区A区A2-116为例

要在小程序中展示指定位置在小地图上，并点击调用手机地图app，可以使用微信小程序的地图组件和相关API来实现。\n\n首先，在小程序的wxml文件中添加地图组件：\nhtml\n<view class="map-container">\n <map id="myMap" longitude="108.9526" latitude="34.2621" markers="{{markers}}" show-location></map>\n</view>\n\n在上面的代码中，longitude和latitude属性设置了地图的中心点坐标，markers属性用于设置地图标记点。\n\n然后，在小程序的js文件中添加以下代码来设置标记点和点击事件：\njavascript\nPage({\n data: {\n markers: [{\n id: 1,\n latitude: 34.2621,\n longitude: 108.9526,\n title: 'A2-116',\n iconPath: '/images/marker.png',\n width: 32,\n height: 32\n }]\n },\n openMapApp: function () {\n wx.openLocation({\n latitude: 34.2621,\n longitude: 108.9526,\n name: 'A2-116',\n address: '小和山校区A区A2-116'\n })\n }\n})\n\n在上面的代码中，markers数组中定义了一个标记点，包括经纬度、标题、图标等信息。\n\n接下来，可以在wxml文件中添加一个按钮，并绑定点击事件：\nhtml\n<button bindtap="openMapApp">打开地图</button>\n\n点击按钮后，会调用openMapApp方法，该方法使用wx.openLocationAPI打开手机地图app，并显示指定位置。\n\n最后，可以在小程序的wxss文件中设置地图容器的样式：\ncss\n.map-container {\n width: 100%;\n height: 400px;\n}\n\n通过以上步骤，就可以在小程序中展示指定位置在小地图上，并点击调用手机地图app。