精华内容
下载资源
问答
  • 【百度地图API】建立全国银行位置查询系统(一)——如何创建地图 原文:【百度地图API】建立全国银行位置查询系统(一)——如何创建地图<摘要>你将在第一章中学会以下知识: 如何创建一个...
    原文:【百度地图API】建立全国银行位置查询系统(一)——如何创建地图

    <摘要>你将在第一章中学会以下知识:

    1. 如何创建一个网页文件
    2. 怎样利用百度地图API建立一张2D地图,以及3D地图
    3. 如何添加对地图进行鼠标和键盘操作的功能

    -------------------------------------------------------------------------------------------------------------------

    一、创建网页文件

    粘贴以下代码至记事本中,保存文件为bank1-1.htm文件。

    点击这里运行程序。 

    <!DOCTYPE html>
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>酸奶小妹——百度地图API学习</title>
    </head>
    <body>
    在这里填入你的地图程序
    </body>
    </html>

    二、使用百度地图API建立一张简单的地图

    百度地图API

     1、引用API的js,放置bank1-1.htm的<head></head>中

    说明:

    v=1.1这是API的版本,表明是1.1版本的。

    sercices=false是指,不开启地图服务,例如公交驾车查询等。

    <script type="text/javascript" src="http://api.map.baidu.com/api?v=1.1&services=false"></script>

    2、设置地图容器的样式,放置<head></head>中

    说明:

    制定容器高度后,方能显示出地图。

    <style type="text/css">
    html
    {height:100%}
    body
    {height:100%;margin:0px;padding:0px}
    #milkMap
    {height:100%}
    </style>

    你还可以自己规定容器的高度、宽度,边框颜色等。比如

    <style type="text/css">
    html
    {height:100%}
    body
    {height:100%;margin:0px;padding:0px}
    #milkMap
    {height:400px;width:600px;border:1px solid blue;}
    </style>

     3、在<body></body>中放置地图容器

    说明:id号是唯一的,在创建地图的js中,要与此id对应起来。

    <div id="milkMap"></div>

     4、在</body></html>中放置自己的js

    说明:

    创建地图使用new BMap.Map,创建点使用new BMap.Point。

    创建地图需要设置地图中心点,与地图级别。1级最大,能看见全球;18级最小,最详细。

    其中地图级别的对应关系为,4级-国; 8级-省, 12级-市, 18级-街道。

    <script type="text/javascript">
    var map = new BMap.Map("milkMap"); // 创建地图实例
    var point = new BMap.Point(116.404, 39.915); // 创建点坐标
    map.centerAndZoom(point, 15); // 初始化地图,设置中心点坐标和地图级别
    </script>

    4、一张2D地图就创建完毕了。接下来,你可以运行你的地图程序。

    点击这里运行程序。


    三、制作3D地图

    说明:

    3D百度地图

    说明:

    使用 BMAP_PERSPECTIVE_MAP 使地图变成3D类型。设置3D地图,需要首先setCurrentCity,设置当前城市。

    目前,只支持北上广深四个城市的3D图。

    点击这里运行程序。

     

    <!DOCTYPE html>
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>酸奶小妹——百度地图API学习</title>
    <style type="text/css">
    html
    {height:100%}
    body
    {height:100%;margin:0px;padding:0px}
    #milkMap
    {height:400px;width:600px;border:1px solid blue;}
    </style>
    <script type="text/javascript" src="http://api.map.baidu.com/api?v=1.1&services=false"></script>
    </head>
    <body>
    <div id="milkMap"></div>
    </body>
    <script type="text/javascript">
    var map = new BMap.Map("milkMap"); // 创建地图实例
    var point = new BMap.Point(116.404, 39.915); // 创建点坐标
    map.centerAndZoom(point, 18); // 初始化地图,设置中心点坐标和地图级别

    map.setMapType(BMAP_PERSPECTIVE_MAP);
    //修改地图类型为3D地图
    map.setCurrentCity("北京市"); //设置当前城市

    </script>
    </html>



    四、添加对地图进行鼠标和键盘操作的功能

    开启滚轮缩放功能,该功能默认是禁用的。

     关闭双击放大功能,该功能默认是开启的。

     

    enableScrollWheelZoom(); //开启滚轮缩放功能
    disableDoubleClickZoom(); //关闭双击放大功能

    开启键盘操作功能,该功能默认禁用。

    键盘的上、下、左、右键可连续移动地图。同时按下其中两个键可使地图进行对角移动。PgUp、PgDn、Home和End键会使地图平移其1/2的大小。+、-键会使地图放大或缩小一级。

    enableKeyboard(); //开启键盘操作功能

     

    下面我们来看一下完整的程序。点击这里运行程序。

    <!DOCTYPE html>
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>酸奶小妹——百度地图API学习</title>
    <style type="text/css">
    html
    {height:100%}
    body
    {height:100%;margin:0px;padding:0px}
    #milkMap
    {height:400px;width:600px;border:1px solid blue;}
    </style>
    <script type="text/javascript" src="http://api.map.baidu.com/api?v=1.1&services=false"></script>
    </head>
    <body>
    <div id="milkMap" style="float:left;"></div>
    <div style="float:right;width:400px;">
    <p>开启滚轮缩放</p>
    <p>关闭双击放大</p>
    <p>开启键盘操作</p>
    <p>说明:键盘的上、下、左、右键可连续移动地图。同时按下其中两个键可使地图进行对角移动。PgUp、PgDn、Home和End键会使地图平移其1/2的大小。+、-键会使地图放大或缩小一级。</p>
    </div>
    </body>
    <script type="text/javascript">
    var map = new BMap.Map("milkMap"); // 创建地图实例
    var point = new BMap.Point(116.404, 39.915); // 创建点坐标
    map.centerAndZoom(point, 18); // 初始化地图,设置中心点坐标和地图级别

    map.setMapType(BMAP_PERSPECTIVE_MAP);
    //修改地图类型为3D地图
    map.setCurrentCity("北京市"); //设置当前城市

    map.enableScrollWheelZoom();
    //开启滚轮缩放功能
    map.disableDoubleClickZoom(); //关闭双击放大功能

    map.enableKeyboard();
    //开启键盘操作功能
    </script>
    </html>

    更多功能,请查看API官网->类参考->Map类 ,你可以看到很多关于地图的操作。

     

     

    下一章预告《如何添加地图控件》,敬请期待。


    posted on 2015-01-07 11:01 NET未来之路 阅读(...) 评论(...) 编辑 收藏

    转载于:https://www.cnblogs.com/lonelyxmas/p/4207895.html

    展开全文
  • 谷歌地图创建自定义位置Google Home can do a lot of really awesome stuffwithvoice commands, but some of them can get long and complicated. Now, you can create keyword shortcuts for any commandthat you ...
    谷歌地图创建自定义位置

    谷歌地图创建自定义位置

    Google Home can do a lot of really awesome stuff with voice commands, but some of them can get long and complicated. Now, you can create keyword shortcuts for any command that you use often, so you can save yourself time and breath while using Google Home.

    Google Home可以通过语音命令完成很多非常出色的工作 ,但是其中一些可能变得冗长而复杂。 现在,您可以为经常使用的任何命令创建关键字快捷方式,从而可以节省使用Google Home的时间和精力。

    Google Home’s new shortcuts allow you to substitute a simple, short command for a longer, more complex one. For example, if you would usually say “Ok, Google, set office lights to 30%,” you can create a shortcut for this command to simply say “Ok, Google, time to work.” The latter is more conversational and takes less time.

    Google Home的新快捷方式使您可以将一个简单,简短的命令替换为一个更长,更复杂的命令。 例如,如果您通常说“ Ok,Google,将办公室灯设置为30%”,则可以为此命令创建一个快捷方式,简单地说“ Ok,Google,上班时间”。 后者需要更多的对话时间和更少的时间。

    This is particularly helpful for Google’s third-party services where you have to add an extra layer. To talk to Stringify, for example, you have to say “Ok Google, ask Stringify good night” and Google will pass your command to Stringify. However, that’s a little awkward to say out loud, and it adds extra steps. However, you can set a shortcut so “Ok Google, good night” is interpreted as “ask Stringify good night.”

    这对于必须添加额外层的Google第三方服务特别有用。 例如,要与Stringify交谈,您必须说“ Ok Google,问Stringify晚安”,然后Google会将您的命令传递给Stringify。 但是,大声说出来有点尴尬,而且增加了额外的步骤。 但是,您可以设置一个快捷方式,以便将“ Ok Google,晚安”解释为“询问Stringify晚安”。

    To create a shortcut, open your Google Home app and tap the menu icon in the top left corner, then tap “More settings.”

    要创建快捷方式,请打开Goog​​le Home应用,然后点击左上角的菜单图标,然后点击“更多设置”。

    Scroll down and tap Shortcuts.

    向下滚动并点击快捷方式。

    You’ll see a list of suggested shortcuts that you can automatically enable or customize. Alternatively, you can tap the blue plus icon at the bottom of the screen to create you’re on. We’ll do the latter for our example.

    您将看到可以自动启用或自定义的建议的快捷方式列表。 或者,您可以点击屏幕底部的蓝色加号图标以创建自己的状态。 我们将以后者为例。

    In the first box, enter the shortcut command you want to use. Then, under “Google Assistant should do” enter the normal command you usually have to say. This can be any valid Google Home command. For example, I want to create a shortcut for my bed time Stringify Flow. So, in the first box, I’ve entered “good night” and then at the bottom, I’ve entered the full command, “ask Stringify good night.” It’s a good idea to test your command on Google Home without the shortcut to make sure it works the way you expect it to before adding the shortcut.

    在第一个框中,输入要使用的快捷方式命令。 然后,在“ Google Assistant应该执行”下输入您通常必须说的常规命令。 这可以是任何有效的Google Home命令。 例如,我想为我的就寝时间Stringify Flow创建一个快捷方式。 因此,在第一个框中,我输入了“晚安”,然后在底部,输入了完整的命令“问Stringify晚安”。 在没有捷径的情况下在Google Home上测试您的命令是一个好主意,以确保在添加捷径之前它可以按您期望的方式运行。

    Once you’re done, tap Save at the top of the screen.

    完成后,点击屏幕顶部的保存。

    Once you’re finished, you’ll see your shortcut at the top of the page with a toggle. You can tap this toggle to turn each shortcut on or off without deleting it. This is particularly handy if you need to troubleshoot a shortcut.

    完成后,您将在页面顶部看到带有快捷方式的快捷方式。 您可以点击此开关以打开或关闭每个快捷方式而不删除它。 如果您需要对快捷方式进行故障排除,这特别方便。

    Each shortcut is limited to just one command, but you can always use services like IFTTT or Stringify to link multiple commands together and then run them from a single shortcut.

    每个快捷方式仅限于一个命令,但是您始终可以使用IFTTTStringify之类的服务将多个命令链接在一起,然后从一个快捷方式运行它们。

    翻译自: https://www.howtogeek.com/308053/how-to-create-custom-shortcuts-for-any-command-with-google-home/

    谷歌地图创建自定义位置

    展开全文
  • ——快速创建地图工具+如何标注商家 原文:【百度地图API】如何快速创建带有标注的地图?——快速创建地图工具+如何标注商家摘要: 如果你不会程序,如果你不想写代码。 如果你想拥有一张自己的地图...
    原文:【百度地图API】如何快速创建带有标注的地图?——快速创建地图工具+如何标注商家

    摘要:
    如果你不会程序,如果你不想写代码。
    如果你想拥有一张自己的地图,如果你想在该地图上标注出你商店的位置。
    不要犹豫了,就使用快速创建地图工具吧!
    --------------------------------------------------------------------------------------
    如何快速创建地图?
    一、转入百度提供的快速创建地图工具页面:http://openapi.baidu.com/map/createMap.html
    2011032218363963.jpg
    框1、选择城市,比如我们换到“重庆”。
    框2、我可以输入朝天门找到相应的坐标。
    框3、当前地图中心点的经纬度。
    框4、当前地图的等级,就是放大倍数。18为地图放到最大,1级为世界地图。
    二、我需要对地图进行相应的设置。
    比如,地图的高宽,是否需要缩略图、比例尺等控件,控件的样式,禁止了键盘的操作,等等。
    2011032218405793.jpg
    三、进行标注
    我可以点击那个绿色的标注,把它拖到地图上来。并在左边的文本框中进行编辑。
    编辑好了以后,就点击保存。这样,我的标注就添加完毕了。
    2011032218451046.jpg
    四、如何使用这段代码?
    滑到网页的底部,你会发现有一个金色的“获取代码”,你点击它。
    2011032218463428.jpg
    就会弹出来一个窗口,你再点击复制按钮。
    2011032218474685.jpg
    打开记事本,将复制下来的代码,粘贴到记事本中。
    保存记事本为map.htm文件。注意,一定要保存为网页文件哦~
    然后,你点击这个文件,就可以运行你的地图了。
    ----------------------------------------------------------
    你可以将这个文件放到你的服务器上,让更多的人看到你的地图~
    如果你是要在百度地图上标注,那么对不起,这篇文章也许帮助不你了。因为API是一个制作地图的工具。
    也许这里能帮助你更多地了解API,详见:http://tieba.baidu.com/f?kz=1004439891 
    posted on 2015-01-07 11:05 NET未来之路 阅读(...) 评论(...) 编辑 收藏

    转载于:https://www.cnblogs.com/lonelyxmas/p/4207916.html

    展开全文
  • 在 SharePoint 2013 中针对地理位置字段创建地图视图 了解如何通过在 SharePoint 2013 列表中使用地图视图来显示位置信息。您可以通过 SharePoint 用户界面 (UI) 手动创建地图视图,也可以使用新的 ...
    在 SharePoint 2013 中针对地理位置字段创建地图视图

    了解如何通过在 SharePoint 2013 列表中使用地图视图来显示位置信息。您可以通过 SharePoint 用户界面 (UI) 手动创建地图视图,也可以使用新的 Geolocation 字段类型以编程方式创建地图视图。

    适用范围:

     

    SharePoint 2013 引入了一个名为 Geolocation 的新字段类型,可允许您使用位置信息批注 SharePoint 列表。例如,您现在可以使列表具有位置感知性并通过 Bing 地图显示经度和纬度坐标。通常,在地图视图中会将一个条目视作一个标注。

    若要在 SharePoint 列表中显示地图视图,您必须使用 Bing 地图服务。如果您使用 UI 创建列表,则 Geolocation 字段将不可用。此字段必须以编程方式插入。有关如何以编程方式呈现和处理此数据类型的信息,请参阅集成 SharePoint 2013 中的位置和映射功能

    通过 Geolocation 字段和地图视图,您可以通过将 SharePoint 中的数据集成到 Web 和移动应用程序中的映射体验,从而为任何信息提供空间上下文。本文并未介绍如何呈现 Geolocation 字段或提供关于创建基于位置的移动应用程序的开发人员指导;但本文提供了关于以编程方式以及使用 Bing 地图从 SharePoint UI 中创建地图视图的说明。

    必须在每台 SharePoint 前端 Web 服务器上均安装名为 SQLSysClrTypes.msi 的 MSI 包,才能查看 Geolocation 字段值或列表中的数据。此软件包安装的组件可在 SQL Server 2008 中实现新几何、地理和层次 ID 类型。默认情况下,为 SharePoint Online 安装此文件。但是,没有为 SharePoint Server 2013 的内部部署安装此文件。您必须是 Farm Administrators 组的成员才能执行此操作。若要下载 SQLSysClrTypes.msi,请参阅 Microsoft 下载中心中的 Microsoft SQL Server 2008 R2 SP1 功能包(针对 SQL Server 2008)或 Microsoft SQL Server 2012 功能包(针对 SQL Server 2012)。

    • 对 SharePoint 2013 列表的访问权限,具有创建视图的足够权限。

    • 包含 Geolocation 列的 SharePoint 2013 列表

    • 场级别或网站级别的有效 Bing 地图密钥集,可从 Bing 地图帐户中心获得

      重要说明重要说明

      您负责遵守适用于您使用 Bing 地图密钥的条款和条件,以及就传递给 Bing 地图服务的数据向用户披露您的应用程序。

    • Visual Studio 2012 或 Visual Studio 2010

    地图视图是显示地图(采用从 Bing 地图服务获取的数据)的 SharePoint 视图,使用来自 Geolocation 字段类型的经度和纬度条目。当 SharePoint 列表上有可用的 Geolocation 字段类型时,即可以编程方式或从 SharePoint UI 中创建地图视图。在该列表中,SharePoint 2013 将地点显示在由 Bing 地图支持的地图上。此外,名为“地图视图”的新视图类型在 Bing 地图 Ajax 控件 V7 上将列表项显示为标注,其中列表项将以卡片的形式显示在左窗格中。

    注释注释

    任何 SharePoint 2013 列表最多只能有两个 Geolocation 列;不能在同一列表中添加第三个 Geolocation 列。一个地图视图中只能有一个 Geolocation 列。您可以创建使用不同的 Geolocation 列的多个地图视图。

    以下步骤演示如何从 SharePoint 2013 UI 中创建地图视图。

    1. 打开带有 Geolocation 列的 SharePoint 2013 列表。

    2. 从 ECB(编辑控制块)菜单中选择“创建视图”,如图 1 所示。

      图 1. 从 ECB 菜单中创建视图

      SharePoint 列表的“编辑控制框”菜单
    3. 在“选择视图类型”页上,选择“地图视图”,如图 2 所示。

      图 2. 选择视图类型

      从视图类型列表中选择“地图视图”
    4. 选择视图类型后,您可以选择各种字段以在地图视图中显示,如图 3 所示。

      图 3. 为地图视图选择字段

      选择要在视图中显示的字段
      注释注释

      创建地图视图至少需要一个 Geolocation 字段。不能为地图视图选择多个 Geolocation 字段,但可以创建使用两个不同的 Geolocation 字段的两个不同的地图视图。

    5. 在添加完必需的 Geolocation 字段和您需要的任何其他字段后,选择“确定”。即会创建一个地图视图,如图 4 所示。

      图 4. 完成后的地图视图

      已完成的地图视图

    按照下列步骤以编程方式为 SharePoint 列表创建地图视图。

    1. 启动 Visual Studio。

    2. 在菜单栏上,选择“文件”、“新建项目”。将打开“新建项目”对话框。

    3. 在“新建项目”对话框中,在“已安装的模板”框中选择“C#”,然后选择“控制台应用程序”模板。

    4. 给项目命名,然后选择“确定”按钮。

    5. Visual Studio 即会创建项目。添加对以下程序集的引用,并选择“确定”。

      • Microsoft.SharePoint.Client.dll

      • Microsoft.SharePoint.Client.Runtime.dll

    6. 在默认的 .cs 文件中,按下列方式添加 using 指令。

      using Microsoft.SharePoint.Client;

    7. 在 .cs 文件中,将下面的代码添加到 Main 方法。

       
      No code example is currently available or this language may not be supported.
      
    8. <Site Url><List Title> 替换为有效值。

    9. 导航到该列表。您应当可以看到新建的视图具有您在上述代码中指定的名称。

    地图视图提供三种颜色的标注(如图 5 所示),每种颜色均可提供不同的用户体验。地图上的标注的颜色与左窗格中相对应项的标注的颜色相同。

    • 橙色   表示该项的 Geolocation 字段是使用 Bing 地图服务映射的。

    • 灰色   表示该项的 Geolocation 字段为空。该项不能使用 Bing 地图服务来映射,因此,地图上不会出现对应于该项的任何标注。

    • 蓝色   当用户将鼠标悬停在某个列表项上时,该标注的颜色将由橙色变成蓝色。左窗格中的标注和地图上相对应的标注的颜色均会改变

    图 5. 带有不同标注颜色的地图视图

    地图视图中的图钉的不同颜色

    在创建地图视图后,所有项均会显示为标注。用户可以通过将鼠标悬停在标注上来获取有关项的详细信息,如图 6 所示。

    图 6. 地图视图中用户的标注体验

    地图视图上的图钉的用户体验
     


    参考 ID:
     

    转载于:https://www.cnblogs.com/sp007/p/3183722.html

    展开全文
  • 作为Web开发人员,有时您会发现自己处于实施地图位置。 您的首选是使用Google地图,对吗? 看起来还好 但是,可能需要您借助标记在地图上叠加其他信息。 您可以使用此方法,也可以找到更好的解决方案,使您...
  • 使用“同步加载插件的方式”,引用各类插件,就可以不创建地图,直接获取地图数据。 以下用IP定位做为例子,详细讲述“如何不显示地图就获取当前位置”。 引入城市定位插件,更多插件与使用方法请见插件类总览...
  • 作为Web开发人员,有时您会发现自己处于实施地图位置。 您的首选是使用Google地图,对吧?
  • 1、页面设计-布局 2、商品目录-信息管理(添加:常规、SEO URL、布局覆盖) 3、页面设计-SEO URL管理(如有需求,...4、Journal-Footer(进入对应的位置,选择相应的information页面,或者添加刚刚获得的Link) ...
  • 1.将地图定位到指定的经纬度位置,当地图停止滑动时搜索附近的地址信息列表,并显示再ListView中。 2.每次滑动地图都需要根据地图中心点位置搜索附近1000米范围内的地址,并显示再列表,直至退出。 下面是具体...
  • 腾讯地图iOS SDK目前只提供了Objective-C版本的SDK, 因此如果是Swift项目, 则需要自己通过Bridging文件来将其引入 使用场景 Swift项目接入腾讯地图 接入流程 1、创建Swift项目, 本人采用的是StoryBoard创建的项目, ...

空空如也

空空如也

1 2 3 4 5 ... 14
收藏数 269
精华内容 107
关键字:

如何创建地图位置