Skip to content

[html] 第405天 如何在网页中嵌入公司地址的地图? #2418

Open
@haizhilin2013

Description

@haizhilin2013
Collaborator

第405天 如何在网页中嵌入公司地址的地图?

3+1官网

我也要出题

Activity

qq674785876

qq674785876 commented on May 25, 2020

@qq674785876
<script src='http://api.map.baidu.com/api?v=2.0&ak=BG9Wtw7egUbIQHPjG9ayOLQO'> </script> <script> (function(){ var map = new BMap.Map("container"); //设置底图 map.centerAndZoom("深圳", 18); //初始化地址,查询的地址所在市 map.enableScrollWheelZoom(); //启用滚轮放大缩小,默认禁用 map.enableContinuousZoom(); //启用地图惯性拖拽,默认禁用
var localSearch = new BMap.LocalSearch(map);
localSearch.enableAutoViewport(); //允许自动调节窗体大小

function searchByStationName() {
map.clearOverlays();//清空原来的标注
var keyword = "深圳市罗湖区红桂路2068号红桂大厦一楼";//查询的详细地址
localSearch.setSearchCompleteCallback(function (searchResult) {
var poi = searchResult.getPoi(0);
map.centerAndZoom(poi.point, 18);
var marker = new BMap.Marker(new BMap.Point(poi.point.lng, poi.point.lat)); // 创建标注,为要查询的地方对应的经纬度
map.addOverlay(marker);
var content = keyword;
var infoWindow = new BMap.InfoWindow("

" + content + "

");
marker.addEventListener("click", function () { this.openInfoWindow(infoWindow); });
marker.setAnimation(BMAP_ANIMATION_BOUNCE); //跳动的动画
});
localSearch.search(keyword);
}
searchByStationName();
}())
</script>

haha1808656980

haha1808656980 commented on Feb 4, 2021

@haha1808656980

iframe标签,src=‘地址url’

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

      Development

      No branches or pull requests

        Participants

        @haizhilin2013@qq674785876@haha1808656980

        Issue actions

          [html] 第405天 如何在网页中嵌入公司地址的地图? · Issue #2418 · haizlin/fe-interview