问题一、加载谷歌图层
1.首先你得先有高德地图的key
<script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.14&key=你申请的key"></script>
2.应用外部js文件(https://cache.amap.com/lbs/static/addToolbar.js)
这里,由于js内容很少,我直接复制到我的页面js里啦,内容如下:
3.html页面准备上地图的显示容器,这里显示了两个按钮动态切换是否加载谷歌图层
4.在引用的js中添加如下
参考的高德地图api:https://lbs.amap.com/api/javascript-api/reference/layer/#TileLayer
问题二、添加关键词搜索提示并定位到搜索位置
前两步跟第一个问题一样
3.html页面添加
4.引入的js中添加
css也附上不,也不好看
效果: