1. 程式人生 > >php 呼叫百度地圖介面

php 呼叫百度地圖介面

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>根據地址查詢經緯度</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <script type="text/javascript" src="http://api.map.baidu.com/api?v=1.3"></script>
</head>
<body style="background:#CBE1FF">
    <div style="width:730px;margin:auto;">   
        要查詢的地址:<input id="text_" type="text" value="寧波天一廣場"
style="margin-right:100px;"/> 查詢結果(經緯度):<input id="result_" type="text" /> <input type="button" value="查詢" onclick="searchByStationName();"/> <div id="container" style="position: absolute; margin-top:30px; width: 730px; height: 590px; top: 50;
border: 1px solid gray; overflow:hidden;"> </div> </div> </body> <script type="text/javascript"> var map = new BMap.Map("container"); map.centerAndZoom("寧波", 12);//這裡是初始地圖所顯示的城市 map.enableScrollWheelZoom(); //啟用滾輪放大縮小,預設禁用 map.enableContinuousZoom(); //啟用地圖慣性拖拽,預設禁用 map.addControl(new BMap.NavigationControl()); //新增預設縮放平移控制元件 map.addControl(new BMap.OverviewMapControl()); //新增預設縮略地圖控制元件 map.addControl(new BMap.OverviewMapControl({ isOpen: true, anchor: BMAP_ANCHOR_BOTTOM_RIGHT })); //右下角,開啟 var localSearch = new BMap.LocalSearch(map); localSearch.enableAutoViewport(); //允許自動調節窗體大小 function searchByStationName() { map.clearOverlays();//清空原來的標註 var keyword = document.getElementById("text_").value; localSearch.setSearchCompleteCallback(function (searchResult) { var poi = searchResult.getPoi(0); document.getElementById("result_").value = poi.point.lng + "," + poi.point.lat;//這裡是追加到對應的input文字框裡,可以根據自己的需要來修改
map.centerAndZoom(poi.point, 13); var marker = new BMap.Marker(new BMap.Point(poi.point.lng, poi.point.lat)); // 建立標註,為要查詢的地方對應的經緯度 map.addOverlay(marker); var content = document.getElementById("text_").value + "<br/><br/>經度:" + poi.point.lng + "<br/>緯度:" + poi.point.lat; var infoWindow = new BMap.InfoWindow("<p style='font-size:14px;'>" + content + "</p>"); marker.addEventListener("click", function () { this.openInfoWindow(infoWindow); }); // marker.setAnimation(BMAP_ANIMATION_BOUNCE); //跳動的動畫 }); localSearch.search(keyword); } </script> </html>

相關推薦

php 呼叫地圖介面

<html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>根據地址查詢經緯度</title> <meta http-equiv="Content-Type" content="te

js呼叫地圖介面繪製任意多邊形並獲取每個點的經緯度等

來自:https://blog.csdn.net/u013239236/article/details/52213977 侵刪 <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type"

PHP呼叫天氣介面API

//百度天氣介面API $location = "北京"; //地區 $ak = "5slgyqGDENN7Sy7pw29IUvrZ"; //祕鑰,需要申請,百度為了防止頻繁請求 $weatherURL = "http://api.map.baidu.com/telematics/v3/weather?lo

Winform呼叫地圖介面簡單示例

1、首先用一個html檔案呼叫百度地圖介面(主要註冊一個序列號):<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml

Android 地圖開發(一)如何呼叫地圖介面和在專案中顯示地圖以及實現定位

二、下載百度地圖API庫 然後新增到專案中即可。   三、在專案清單AndroidMainifest.xml配置百度地圖API key和新增相關許可權                         四、在專案呼叫百度地圖專案功能,這篇文章就首先講講顯示地圖和定位的功能 首先

C#呼叫地圖介面簡單示例

1、首先用一個html檔案呼叫百度地圖介面(主要註冊一個序列號): <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/x

利用Python呼叫地圖介面爬取小區資訊

前幾天有一個需求,就是想要查到每個一二線城市裡所有小區的經緯度,因此爬取程式和啟動程式如下 community_info_do.py 的程式碼如下 # -*- coding: utf-8 -*- """ 功能:呼叫百度地圖介面爬取各城市小區基本資訊 呼叫介面

TP5呼叫地圖介面進行開發

進入百度地圖開放平臺,建立應用:服務端,生成AK碼,複製。在extend目錄下建立一個Map.php,程式碼如下:<?php /** * 百度地圖相關業務封裝 */ class Map{ //根據地址獲取經緯度 public static funct

呼叫地圖API介面製作熱力圖

呼叫百度地圖API介面製作熱力圖 Python學了很久,也做了一些機器學習的demo,利用matolotlib庫做過一些視覺化。今天呢想嘗試做一下熱力圖。先PO一張我最終效果圖。 因為資料原因,效果一般,但我們的目的還是達到了。下面就講一下大致流程。 1、資料準備 我沒有上千個

地圖介面呼叫

var map; initMap(); //建立和初始化地圖函式: function initMap() { createMap();//建立地圖 setMapEvent();//設定地圖事件 addMapControl();//向地

地圖介面呼叫問題總結及解決辦法(待續...)

百度地圖介面呼叫錯誤聚集地,每次遇到錯誤都會記錄下來,希望經常使用百度地圖介面的夥伴們一起來交流。 - “status”:2,”message”:”Parameter Invalid” http://api.map.baidu.com/pla

呼叫地圖顯示周圍方圓100米、500米、1000米附近的餐館賓館酒店及公交站點API介面

呼叫百度地圖顯示周圍方圓100米、500米、1000米附近的餐館、賓館及公交站點程式碼 <!DOCTYPE html> <html lang="en">     <head>         <meta charset="utf-

java呼叫地圖API開發,線上地圖開發——未完待續

這裡是目錄 一、引入百度地圖API 二、百度地圖開發 1、定義一個div來存放地圖 2、生成地圖 3、新增一個跳躍的點 4、新增控制元件 5、有其他需要的請留言 一、引入百度地圖API   百度地圖官方示例:http://lbsyun.b

呼叫翻譯介面

表單提交頁面ajax提交 百度翻譯 </textarea> 控制器頁面 <?php namespace App\Http\Controllers\Admin; use Illuminate\Http\Request; use Ap

呼叫地圖API的小demo

update <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta nam

呼叫地圖API定位位置

以下程式碼是百度開發示例程式碼: <html> <head>     <meta http-equiv="Content-Type" content="text/html; charse

呼叫地圖API

<html> <div id="allmap"></div> </html> // ak為你註冊的金鑰 <script type="text/javascript" src="http://api.map.baidu.com/api

地圖介面(輸入地址獲取經緯度)

1,原地址 http://www.cnblogs.com/jianglan/archive/2013/05/31/3108646.html 這幾天比較空閒,就接觸了下百度地圖的API(開發者中心連結地址:http://developer.baidu.com),發現呼叫還是挺

呼叫API介面獲取所在區域地址的經緯度

import requests import pandas as pd import csv #百度地圖API搜尋 def baidu_search(querys, region): url = 'http://api.map.baidu.com/place/

html呼叫地圖api

具體程式碼 <!DOCTYPE html> <head> <meta  charset="utf-8" /> <title>百度地圖API</title> <script type="text/javascr