zoukankan      html  css  js  c++  java
  • 百度地图IP定位,点击地图添加marker

    <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 { 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>
    

      

  • 相关阅读:
    做接口测试最重要的知识点
    HTTP和HTTPS区别
    UVA, 686 Goldbach's Conjecture (II)
    UVA, 543 Goldbach's Conjecture
    UVA, 580 Critical Mass
    UVA, 900 Brick Wall Patterns
    UVA, 11000 Bee
    UVA, 10079 Pizza Cutting
    C++ 向量<vector>的学习
    jenkins入门
  • 原文地址:https://www.cnblogs.com/yuwen1995/p/9235552.html
Copyright © 2011-2022 走看看