百度地图IP定位，点击地图添加marker

时间：2022-07-05 00:46:41
<html>

<head>

	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

	<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />

	<style type="text/css">

		body, html,#allmap {width: 100%;height: 100%;overflow: hidden;margin:0;font-family:"微软雅黑";}

	</style>

	<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=您的密钥"></script>

	<title>IP定位获取当前城市</title>

</head>

<body>

	<div id="allmap"></div>

</body>

</html>

<script type="text/javascript">

	// 百度地图API功能

	var map = new BMap.Map("allmap");

	var point = new BMap.Point(117.27051,31.836904);

	map.centerAndZoom(point,12);

	function myFun(result){

		var cityName = result.name;

		map.setCenter(cityName);

 		alert("当前定位城市:"+cityName);

	}

	var myCity = new BMap.LocalCity();

	myCity.get(myFun);

	map.addEventListener('click', function(e) {

        var marker = new BMap.Marker(new BMap.Point(e.point.lng, e.point.lat))

         map.addOverlay(marker)

       })

</script>

　　

相关文章