百度地图api通过地址显示地图,白名单

摘要:
qq-pf-to=pcqq.c2c------------------------------------如何进行地址解析与反地址解析?——模糊地址能搜索到精确地理信息!-酸奶小妹-博客园http://www.cnblogs.com/milkmap/archive/2011/05/27/2059833.html===========================================地址解析//百度地图API功能varmap=newBMap.Map;varpoint=newBMap.Point;map.centerAndZoom;//创建地址解析器实例varmyGeo=newBMap.Geocoder();//将地址解析结果显示在地图上,并调整地图视野myGeo.getPoint("北京市海淀区上地10街",function(point){if(point){map.centerAndZoom(point,16);map.addOverlay(newBMap.Marker(point));}else{alert("您选择地址没有解析到结果!");}},"北京市");====================================地址解析+反地址解析varmap=newBMap.Map;map.centerAndZoom;functionsearch(){varmyAddress=document.getElementById.value;varmyGeo=newBMap.Geocoder();myGeo.getPoint(myAddress,function(point){//我输入的是“知春路”,第一步getPoint是地址解析。

百度地图api通过地址显示地图,白名单

http://developer.baidu.com/map/jsdemo.htm#i7_1?qq-pf-to=pcqq.c2c
------------------------------------
【百度地图API】如何进行地址解析与反地址解析?——模糊地址能搜索到精确地理信息! - 酸奶小妹 - 博客园
http://www.cnblogs.com/milkmap/archive/2011/05/27/2059833.html
===========================================
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=申请的添加到白名单域名的apikey"></script>
<script type="text/javascript">
var map = new BMap.Map("allmap");
//创建地址解析器实例
var myGeo = new BMap.Geocoder();
// 将地址解析结果显示在地图上,并调整地图视野
myGeo.getPoint("深南大道益田假日广场", function(point){
if (point) {
map.centerAndZoom(point, 16);
map.addOverlay(new BMap.Marker(point));
}else{
alert("您选择地址没有解析到结果!");
}
}, "深圳市");
</script>

===========================================
var map = new BMap.Map("allmap");
// 创建地址解析器实例
var myGeo = new BMap.Geocoder();
// 将地址解析结果显示在地图上,并调整地图视野
myGeo.getPoint("北京市海淀区上地10街", function(point){
if (point) {
map.centerAndZoom(point, 16);
map.addOverlay(new BMap.Marker(point));
}
}, "北京市");
==========================================

<!DOCTYPE html>
<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=申请的apikey"></script>
<title>地址解析</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(116.331398,39.897445);
map.centerAndZoom(point,12);
// 创建地址解析器实例
var myGeo = new BMap.Geocoder();
// 将地址解析结果显示在地图上,并调整地图视野
myGeo.getPoint("北京市海淀区上地10街", function(point){
if (point) {
map.centerAndZoom(point, 16);
map.addOverlay(new BMap.Marker(point));
}else{
alert("您选择地址没有解析到结果!");
}
}, "北京市");
</script>

====================================
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>地址解析+反地址解析</title>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=1.2"></script>
</head>
<body>
<div id="container"></div>
<div style="margin:10px 0;"><input type="text" value="新华路" /><input type="button" value="搜索" onclick="search()" /></div>

</body>
</html>
<script type="text/javascript">
var map = new BMap.Map("container");
map.centerAndZoom(new BMap.Point(121.461165,31.234095), 11);
function search(){
var myAddress = document.getElementById('searchValue').value;
var myGeo = new BMap.Geocoder();
myGeo.getPoint(myAddress, function(point){ //我输入的是“知春路”,第一步getPoint是地址解析。
if (point) {
map.centerAndZoom(point, 16);
map.addOverlay(new BMap.Marker(point));

myGeo.getLocation(point, function(rs){ //这里弹出“知春路”的详细地址信息,第二步getLocation是反地址解析。
var addComp = rs.addressComponents;
alert(myAddress+'的具体位置是:'+addComp.province + ", " + addComp.city + ", " + addComp.district + ", " + addComp.street + ", " + addComp.streetNumber);
});
}
}, "上海市"); //必须设置城市
}
</script>

免责声明:文章转载自《百度地图api通过地址显示地图,白名单》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇vue img标签图片加载时 闪烁Bootstrap自适应各种设备下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

【转】【完全开源】百度地图Web service API C#.NET版,带地图显示控件、导航控件、POI查找控件

【转】【完全开源】百度地图Web service API C#.NET版,带地图显示控件、导航控件、POI查找控件 目录 概述 功能 如何使用 参考帮助 概述 源代码主要包含三个项目,BMap.NET、BMap.NET.WindowsForm以及BMap.NET.WinformDemo。 BMap.NET 对百度地图Web Service API 的一...

百度地图与腾讯/高德地图经纬度转换

 百度地图与腾讯/高德地图经纬度转换 //将腾讯/高德地图经纬度转换为百度地图经纬度function qqMapTransBMap(lng, lat) {     let x_pi = 3.14159265358979324 * 3000.0 / 180.0;     let x = lng;     let y = lat;     le...

传奇添加地图与配置参数详解

课程主题:(地图添加与配置参数详细讲解) 【相关工具】 1.D:mirserverMir200EnvirMapInfo.txt  地图配置文件 2.D:mirserverMir200Map    存放地图文件   重点说明:   [M001 盟重土城] NORECALL NORECONNECT(0159) DAY  INCGAMEPOINT(90/1) R...

chinaMap

中国地图 基本地图 import pandas as pd from matplotlib.colors import rgb2hex from mpl_toolkits.basemap import Basemap import matplotlib.pyplot as plt ### 1. 中国基本地图 map = Basemap( llcrnrlo...

Mapbox Style 规范

Mapbox ( 中文官网 )致力于打造全球最漂亮的个性化地图。 这里记录下其 Web 端 API Mapbox GL JS 的地图样式规范 Style 的各个配置项: 必填项会加上 * ,方便根据目录进行查看 1. version * version:版本号(必填,且值必须为 8) "version": 8 2. name name:名称(可选,用于给...

基于ArcGIS API for Javascript的地图编辑工具

转自:http://www.cnblogs.com/znlgis/p/3505646.html 最近工作上需要用ArcGIS API for Javascript来开发一个浏览器上使用的地图编辑工具,分享一下一些相关的开发经验。 我开发的地图编辑工具是根据ESRI提供的例子修改而来的,参考的例子是https://developers.arcgis.com/...