第一步,你需要一张英文底图。
设置map的属性,lang为‘en'即可。
类参考:
地图展示代码:
var map = new AMap.Map('mapContainer', { center: [121.498586, 31.239637], //地图中心点坐标 lang: 'en', //英文底图 zoom:16 //地图级别,18为最详细 });
第二步,您需要1个标注。
类参考:
代码:
var marker = new AMap.Marker({ icon: "http://webapi.amap.com/theme/v1.3/markers/n/mark_b.png", position: [116.405467, 39.907761] });marker.setMap(map);
第三步,您需要1个信息窗口。
类参考:
代码:
var infoWindow = new AMap.InfoWindow({ content: info.join("我是信息窗体") //使用默认信息窗体框样式,显示信息内容 });
第四步,将信息窗口绑定在标注上。
给marker绑定点击事件,当点击时,打开信息窗口。
AMap.event.addListener(marker, 'click', function() { infoWindow.open(map, marker.getPosition()); });
--------------------------------------------------------------
示例:
图示:
全部源代码:
英文、中英文地图