插入地图

方法/步骤

1、打开“百度地图生成器”的网址:http://api.map.baidu.com/lbsapi/creatmap/index.html

如下图:

2、在“1.定位中心点”中,切换城市,并查找具体位置,如下图:

3、在“2.设置地图”中,可以按照自己的喜好修改地图的外观:

a、地图的宽和高

b、地图上显示的按钮(缩放、缩略图、比例尺)

c、鼠标和键盘对地图的操作

如下图:

4、在“3.添加标注”中,可以添加自己想要标注的位置和信息,如下图:

5、在“第二步 获取代码”中,点击“获取代码”按钮,就会弹出根据上面的设置生成代码,如下图:

6、把上一步生成的代码保存为html文件(我这里保存为map.html),在浏览器中打开就可以看到自己定义的百度地图了。

如果要把地图添加到现有的网页中,可以使用iframe标签,如:

<iframe src="map.html" width="600" height="300" frameborder="0" scrolling="no"></iframe>

时间: 2024-08-05 03:16:16

插入地图的相关文章

用phpcms建企业站 在HTML中插入地图

首先 打开"百度地图生成器"的网址:http://api.map.baidu.com/lbsapi/creatmap/index.html 如图示: 按步骤 定位到要插入地图的城市 具体位置 根据个人需求调整地图尺寸 控制按钮 修改地图状态 添加标注  根据需要标记位置  填写名称 备注  点击保存     点击预览  可以看到 插入之后的显示情况 点击预览 可以获取代码 复制粘贴 建立一个html文件 如果要把地图添加到现有的网页中,可以使用iframe标签,如: <ifram

如何在网页中插入地图

一.打开地图生成器 百度地图生成器:http://api.map.baidu.com/lbsapi/creatmap/ (注:也可以直接百度“百度地图生成器”就可以找到). 二.创建地图 1.定位中心点,默认为淄博,点击切换,输入公司的具体所在城市和具体地址.这个时候,地图会切换到该地点范围内. 2.设置地图,这一点基本上不用管,只用适当的设置下宽度和高度即可. 3.添加标注,其实网站建设者未必知道该企业的准确位置,往往不知道该标在哪.这时候,我们可以再定位中心中输入你公司的具体地址查询,查到之

JavaScript(五)——插入地图

代码: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Cont

网页中插入地图的方法

方法/步骤 1.打开“百度地图生成器”的网址:http://api.map.baidu.com/lbsapi/creatmap/index.html 如下图: 2.在“1.定位中心点”中,切换城市,并查找具体位置,如下图: 3.在“2.设置地图”中,可以按照自己的喜好修改地图的外观: a.地图的宽和高 b.地图上显示的按钮(缩放.缩略图.比例尺) c.鼠标和键盘对地图的操作 如下图: 4.在“3.添加标注”中,可以添加自己想要标注的位置和信息,如下图: 5.在“第二步 获取代码”中,点击“获取代

HTML插入地图的方法

方法/步骤 1.打开"百度地图生成器"的网址:http://api.map.baidu.com/lbsapi/creatmap/index.html 如下图: 2.在"1.定位中心点"中,切换城市,并查找具体位置,如下图: 3.在"2.设置地图"中,可以按照自己的喜好修改地图的外观: a.地图的宽和高 b.地图上显示的按钮(缩放.缩略图.比例尺) c.鼠标和键盘对地图的操作 如下图: 4.在"3.添加标注"中,可以添加自己想要

JavaScrip——插入地图

具体操作步骤:1.百度搜索:百度地图生成器 2.打开第一个,复制网址http://api.map.baidu.com/lbsapi/creatmap/index.html,打开3.页面显示为 4.根据你的要求修改 5.最后获取代码,然后复制代码.如图 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transiti

php插入地图

CSS样式 1 2 3 4 <style> .iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap} .iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wra

JavaScript----marquee滚动标签 图片无缝滚动 插入百度地图

页面的自动滚动效果,可由javascript来实现, 但是有一个html标签 - <marquee></marquee>可以实现多种滚动效果,无需js控制. 使用marquee标记不仅可以移动文字,也可以移动图片,表格等. 语法:<marquee>...</marquee>: 说明:在标记之间添加要进行滚动的内容. 重要属性: 1.滚动方向direction(包括4个值:up. down. left和 right) 语法:<marquee direct

3.31课&#183;&#183;&#183;&#183;&#183;&#183;&#183;&#183;&#183;插入百度地图、视频、音频

1.插入地图: 从网上搜索百度地图生成器http://api.map.baidu.com/lbsapi/creatmap/index.html 按步骤一步一步来,复制代码到DW软件即可. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmln